https://www.designcap.com/web-res/js/fj_login_mod.js?v=1743566377

1// user
2(function() {
3    let info = window.fjuser ? window.fjuser.info : null;
4    window.fjuser = {
5        eventType: {
6            login: 0x0001,
7            register: 0x0010,
8            logout: 0x0100,
9            showLoginPanel:0x1001,
10            hideLoginPanel:0x1002,
11            showRegisterPanel:0x1003,
12            hideRegisterPanel:0x1004,
13        },
14
15        info: info,
16
17        _listeners: [],
18        _showLoginFunc: null,
19        _showRegisterFunc: null,
20        _logoutHooks: [],
21
22        initWithMethods: function(showLoginFunc, showRegisterFunc)
23        {
24            this._showLoginFunc = showLoginFunc;
25            this._showRegisterFunc = showRegisterFunc;
26        },
27
28        // callback(result, info)
29        addListener: function(type, callback, once = false)
30        {
31            this._listeners.push({
32                type: type,
33                callback: callback,
34                once: once
35            });
36        },
37        //移除事件监听
38        removeListener: function(type, callback, once = false)
39        {
40            let removeIndex = -1;
41            let length = this._listeners.length;
42            for (let i = 0; i < length; i++) {
43                let {type: _type, callback: _callback, once: _once} = this._listeners[i];
44                if (type === _type && callback === _callback && once === _once) {
45                    removeIndex = i;
46                    break;
47                }
48            }
49            if (removeIndex !== -1) {
50                this._listeners.splice(removeIndex, 1);
51            }
52        },
53
54        dispatchCallbacks: function(type)
55        {
56            var args = [...arguments].slice(1);
57            for(var i = 0; i < this._listeners.length; i++)
58            {
59                var item = this._listeners[i];
60
61                if(item.type === type)
62                {
63                    item.callback(...args);
64                    if(item.once)
65                    {
66                        this._listeners.splice(i, 1);
67                        i--;
68                    }
69                }
70            }
71        },
72
73        showLoginPanel: function()
74        {
75            if(this._showLoginFunc)
76                this._showLoginFunc();
77        },
78
79        showRegisterPanel: function()
80        {
81            if(this._showRegisterFunc)
82                this._showRegisterFunc();
83        },
84
85        loginPost:function (data, callback) {
86            if(window.csrf_token){
87                data[window.csrf_token] = 1;
88            };
89            $.post("/user/login", data, (json) => {
90                var result = (json.code === 200);
91                if(result)
92                {
93                    window.fjuser.info = json.data;
94                    window.csrf_token = json.token;
95                }
96                window.fjuser.dispatchCallbacks(window.fjuser.eventType.login, result, json);
97
98                if(callback)
99                    callback(result, json.data);
100            });
101        },
102
103        registerPost: function(data, callback) {
104            $.post("/user/register", data, (json) => {
105                var result = (json.code === 200);
106                if(result)
107                {
108                    window.fjuser.info = json.data;
109                    window.csrf_token = json.token;
110                }
111                window.fjuser.dispatchCallbacks(window.fjuser.eventType.register, result, json);
112
113                if(callback)
114                    callback(result, json);
115            });
116        },
117
118        connectFacebook: function(data, callback) {
119            $.post("/user/connectFacebookUser", data, (json) => {
120                var result = (json.code === 200);
121                if(result)
122                {
123                    window.fjuser.info = json.data;
124                    window.csrf_token = json.token;
125                }
126
127                if(json.data.register)
128                {
129                    window.fjuser.dispatchCallbacks(window.fjuser.eventType.register, result, json);
130                }
131                else
132                {
133                    window.fjuser.dispatchCallbacks(window.fjuser.eventType.login, result, json);
134                }
135
136                if(callback)
137                    callback(result, json);
138            });
139        },
140
141        connectGoogle: function(data, callback) {
142            $.post("/user/connectGoogleUser",data,function (json) {
143                var result = (json.code === 200);
144                if(result)
145                {
146                    window.fjuser.info = json.data;
147                    window.csrf_token = json.token;
148                }
149
150                if(json.data.register)
151                {
152                    window.fjuser.dispatchCallbacks(window.fjuser.eventType.register, result, json);
153                }
154                else
155                {
156                    window.fjuser.dispatchCallbacks(window.fjuser.eventType.login, result, json);
157                }
158
159                if(callback)
160                    callback(result, json);
161            });
162        },
163
164        logoutPost: async function(callback) {
165            Promise.all(this._logoutHooks.map((hook) => {
166                return hook();
167            })).then(() => {
168                if(!window.FJTools){
169                    FJTools = $;
170                }
171                post_data = {};
172                post_data[window.csrf_token] = 1;
173                FJTools.post("/user/logout",post_data, (json) => {
174                    var result = (json.code === 200);
175                    if(result)
176                    {
177                        window.csrf_token = json.token;
178                        window.fjuser.info = {result: false};
179                    }
180                    window.fjuser.dispatchCallbacks(window.fjuser.eventType.logout, result);
181
182                    if(callback)
183                        callback(result);
184                })
185            }).catch((e) => {
186                console.log(e);
187            });
188        },
189
190        addLogoutHook: function(hook) {
191            this._logoutHooks.push(hook);
192        },
193
194        isUserLogin:function () {
195            return this.info && this.info.result;
196        },
197
198        getUserCountryCode: function() {
199            return this.getCountryCode();
200        },
201
202        getCountryCode: function() {
203            return new Promise(resolve => {
204                if(this.localCountryCode)
205                    resolve(this.localCountryCode);
206                else {
207                    $.ajax({
208                        type:    "POST",
209                        url:     "https://www.cloudflare.com/cdn-cgi/trace",
210                        data:    {},
211                        success: (data) => {
212                            let params = data.split('\n');

213                            params.forEach((val) => {
214                               if(val.indexOf('loc=') !== -1) {
215                                   this.localCountryCode = val.match(/=(.*)/)[1];
216                               }
217                            });
218
219                            resolve(this.localCountryCode);
220                        },
221                        error:   function(jqXHR, textStatus, errorThrown) {
222                            resolve(null);
223                        }
224                    });
225                }
226            });
227        },
228
229        getBrowser: function (n) {
230            var ua = navigator.userAgent.toLowerCase(),
231                s,
232                name = '',
233                ver = 0;
234            (s = ua.match(/msie ([\d.]+)/)) ? _set("IE", _toFixedVersion(s[1])) :
235                (s = ua.match(/firefox\/([\d.]+)/)) ? _set("Firefox", _toFixedVersion(s[1])) :
236                    (s = ua.match(/chrome\/([\d.]+)/)) ? _set("Chrome", _toFixedVersion(s[1])) :
237                        (s = ua.match(/opera.([\d.]+)/)) ? _set("Opera", _toFixedVersion(s[1])) :
238                            (s = ua.match(/version\/([\d.]+).*safari/)) ? _set("Safari", _toFixedVersion(s[1])) : 0;
239
240            function _toFixedVersion(ver, floatLength) {
241                ver = ('' + ver).replace(/_/g, '.');
242                floatLength = floatLength || 1;
243                ver = String(ver).split('.');
244                ver = ver[0] + '.' + (ver[1] || '0');
245                ver = Number(ver).toFixed(floatLength);
246                return ver;
247            }
248
249            function _set(bname, bver) {
250                name = bname;
251                ver = bver;
252            }
253
254            return (n == 'n' ? name : (n == 'v' ? ver : name + " " + ver));
255        },
256
257        getOS: function () {
258            var sUserAgent = navigator.userAgent;
259            var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
260            var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
261            if (isMac) return "Mac";
262            var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
263            if (isUnix) return "Unix";
264            var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
265            if (isLinux) return "Linux";
266            if (isWin) {
267                var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
268                if (isWin2K) return "Win2000";
269                var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
270                if (isWinXP) return "WinXP";
271                var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
272                if (isWin2003) return "Win2003";
273                var isWinVista = sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
274                if (isWinVista) return "WinVista";
275                var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
276                if (isWin7) return "Win7";
277                var isWin10 = sUserAgent.indexOf("Windows NT 10") > -1 || sUserAgent.indexOf("Windows 10") > -1;
278                if (isWin10) return "Win10";
279            }
280            return "Unknown";
281        },
282        getDeviceInfo: function () {
283            let os = this.getOS();
284            if(os != "Unknown")
285            {
286                os = os + " " + window.screen.width + " x " + window.screen.height;
287            }
288
289            return os;
290        }
291    };
292})();
293
294
295//login 模块create周期回调
296window.app_fj_login_created_callback = function (_this) {
297
298    _this.hasLogin = window.fjuser.isUserLogin();
299    _this.userInfo = window.fjuser.info;
300
301    //登录事件回调
302    window.fjuser.addListener(window.fjuser.eventType.login, function (result, response){
303        if(result) {
304            _this.userLogined(response.data);
305        }
306        _this.loaded();
307        _this.setError(response.msg);
308    });
309
310    //注册事件回调
311    window.fjuser.addListener(window.fjuser.eventType.register,function (result, response){
312        if (result) {
313
314            //注册事件统计
315            if(window.eaRegCallBack){
316                if(window.signup_action_path){
317                    window.eaRegCallBack(window.signup_action_path,response.data.email);
318                }
319            }
320            _this.userLogined(response.data);
321            if (window.app_survey) {
322                window.app_survey.openBox();
323            }
324            //window.registerSuccessedEalog("mail",response.data.email);
325        }
326        app_fj_login.loaded();
327        app_fj_login.setError(response.msg);
328    });
329
330    //登出事件回调
331    window.fjuser.addListener(window.fjuser.eventType.logout,function (result, response){
332        _this.hasLogin = !result;
333        if(result) {
334            _this.userInfo = null;
335        }
336        _this.loaded();
337    });
338
339    window.callbackWhenUserIdChange();
340};
341
342
343window.callbackWhenUserIdChange = function(){
344    //设置用户的id和用户的套餐类型
345    if(window.ealog){
346        if(window.fjuser.info && window.fjuser.info.result) {
347            id = window.fjuser.info.id;
348            policy = window.fjuser.info.policy;

349            period = window.fjuser.info.period;
350            email = window.fjuser.info.email;
351            window.amplitude.getInstance().setUserId(window.fjuser.info.id);
352            window.ealog.setUserProperties({
353                "id":email,
354                "account type": policy + " " + period,
355            });
356        }
357    }
358};
359
360window.registerSuccessedEalog = function (path,account) {
361    if(window.gaEvent){
362        window.gaEvent("signUp","signUp_success_"+path);
363    }
364};
365
366
367//打开注册面板的回调
368window.showSignUpEacallback = function () {
369    window.ealog.addEvent("sign up visit",{});
370};
371window.fj = window.fj ? window.fj : {};
372window.fj.fb_app_id = (document.domain === "www.designcap.com") || (document.domain === "designcap.com") ? '147722076005532' : '2459054510782124';
373window.fj.google_auth2_id = "1075051213312-d3jpuou4semk3lm5tmmqsrn3f2nl80k1.apps.googleusercontent.com";
374/**
375 * Created by Administrator on 2019/12/11.
376 */
377//remember me
378var CookieFunc = {
379    initLogin: function (callback) {
380        if ('true' === this.getCookie('fj_remember')) {
381            var usertoken = this.getCookie('fj_usertoken');
382
383            if(usertoken){
384                callback(usertoken)
385            }
386        }
387    },
388    setCookie: function (name, value) {
389        if(CookieFunc.getCookie(name)){
390            CookieFunc.delCookie(name);
391        }
392        var Days = 10;
393        var exp = new Date();
394        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
395        document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString();
396    },
397    getCookie: function (name) {
398        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
399        if (arr = document.cookie.match(reg))
400            return unescape(arr[2]);
401        else
402            return null;
403    },
404    delCookie: function (name) {
405        var exp = new Date();
406        exp.setTime(exp.getTime() - 1);
407        var cval = this.getCookie(name);
408        if (cval != null)
409            document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
410    }
411}
412
413//注册成功的ea统计事件
414window.eaRegCallBack = function (path,account) {
415    if(window.ealog){
416
417        mode = path;
418        page = "page_" + window.location.pathname;
419        account = "Account_" + account;
420
421        sign_up_event_name = "sign up";
422        if(location.href.indexOf("recordcast.com") != -1){
423            sign_up_event_name = "sign";
424        }
425        window.ealog.addEvent(sign_up_event_name,{
426            signUpMode:mode,
427            signUpPage:page,
428            signUpAccount:account
429        });
430    }
431};
432
433//实例化facebook连接对象
434window.fbAsyncInit = function () {
435    FB.init({
436        appId: window.fj.fb_app_id,
437        xfbml: true,
438        version: 'v10.0'
439    });
440};
441
442window.loadFacebookSDK = function()
443{
444    (function (d, s, id) {
445        var js,
446            fjs = d.getElementsByTagName(s)[0];
447        if (d.getElementById(id)) {
448            return;
449        }
450        js = d.createElement(s);
451        js.id = id;
452        js.async = 'async';
453        js.defer = 'defer';
454        js.src = "https://connect.facebook.net/en_US/sdk.js";
455        fjs.parentNode.insertBefore(js, fjs);
456    })(document, 'script', 'facebook-jssdk');
457}
458
459/**
460 * 阻止冒泡程序的方法
461 * @param e 事件
462 * @returns {boolean}
463 */
464function stopDefault(e) {
465    //如果提供了事件对象，则这是一个非IE浏览器
466    if (e && e.preventDefault) {
467        //阻止默认浏览器动作(W3C)
468        e.preventDefault();
469    } else {
470        //IE中阻止函数器默认动作的方式
471        window.event.returnValue = false;
472    }
473    return false;
474}
475
476//facebook登录对象

477window.connectWithFaceBook = {
478    errorcallback:function () {
479        //console.log("google auth error callback");
480    },
481    //登录
482    login: function (e,errorcallback) {
483        if(errorcallback){
484            window.connectWithFaceBook.errorcallback = errorcallback;
485        }
486        stopDefault(e);
487        FB.login(function (response) {
488            if (response.status === 'connected') {
489                this.handleFacebookConnected(response);
490            } else if (response.status === 'not_authorized') {
491                // The person is logged into Facebook, but not your app.
492                window.connectWithFaceBook.errorcallback();
493            } else {
494                // The person is not logged into Facebook, so we're not sure if
495                // they are logged into this app or not.
496                window.connectWithFaceBook.errorcallback();
497            }
498        }.bind(this), { scope: 'public_profile,email' });
499    },
500    //连接facebook成功后的回调
501    handleFacebookConnected: function handleFacebookConnected(resp) {
502        var token = resp.authResponse.accessToken;
503        this.ajaxConnectFacebook(token);
504    },
505    //获取到facebook的接口后请求我们的网站
506    ajaxConnectFacebook:function(token) {
507        var post_data = {token:token};
508        post_data[window.csrf_token] = 1;
509
510        window.fjuser.connectFacebook(post_data, (result, response) => {
511            /*if(result)
512            {
513                if (response.data.register == true) {
514                    if(window.app_survey){
515                        window.app_survey.openBox();
516                    }
517                    //registerSuccessedEalog("facebook",response.data.email);
518                }
519            }*/
520        });
521    },
522    // This is called with the results from from FB.getLoginStatus().
523    statusChangeCallback: function statusChangeCallback(response) {
524        if (response.status === 'connected') {
525            // Logged into your app and Facebook.
526            this.handleFacebookConnected(response);
527        } else if (response.status === 'not_authorized') {
528        } else {
529        }
530    },
531    checkLoginState: function checkLoginState() {
532        FB.getLoginStatus(function (response) {
533            this.statusChangeCallback(response);
534        }.bind(this));
535    },
536};
537
538
539window.loadGoogleSDK = function () {
540    (function (d, s, id) {
541        var js,
542            fjs = d.getElementsByTagName(s)[0];
543        if (d.getElementById(id)) {
544            return;
545        }
546        js = d.createElement(s);
547        js.id = id;
548        js.gapi_processed = "true";
549        js.async = 'async';
550        js.defer = 'defer';
551        js.src = "https://apis.google.com/js/api:client.js";
552        fjs.parentNode.insertBefore(js, fjs);
553    })(document, 'script', 'google-jssdk');
554}
555
556//关联google登录
557function attachGoogleSignin(element) {
558    auth2.attachClickHandler(element, {},
559        function(googleUser) {
560            connectWithGoogle.onSignIn(googleUser);
561        }, function(error) {
562            //关闭授权弹窗等
563            //console.log(error);
564            window.connectWithGoogle.errorcallback();
565        });
566}
567
568//实例化google登录组件
569var googleUser = {};
570
571//dom加载完毕自动绑定google登录到按钮
572$(function () {
573    //window.startGoogle();
574});
575
576//google登录对象
577var googleOauthLoaded = false;
578window.connectWithGoogle = {
579    errorcallback:function () {
580        //console.log("google auth error callback");
581    },
582    login:function (e,errorcallback) {
583        if(errorcallback){
584            window.connectWithGoogle.errorcallback = errorcallback;
585        }
586        //console.log(e);
587        if(!googleOauthLoaded){
588            //通过class实现绑定多个按钮
589            btns = jQuery(".fj-login-gl-btn");
590            if(window.gapi != undefined && btns.length > 0){
591                gapi.load('auth2', function(){
592                    // Retrieve the singleton for the GoogleAuth library and set up the client.
593                    auth2 = gapi.auth2.init({
594                        client_id: window.fj.google_auth2_id,
595                        cookiepolicy: 'single_host_origin',
596                    });
597
598                    for(i=0;i<btns.length;i++){
599                        btn = btns[i];
600                        attachGoogleSignin(btn);
601                    };
602                    googleOauthLoaded = true;
603                   $(e.target).click();
604
605                });
606
607            }else{
608                //因为vue没有渲染dom，所以会报错
609                setTimeout(function () {
610                    window.connectWithGoogle.login(e);
611                },1000);
612            }
613        }else{
614            $(e.target).click();
615        }
616    },
617    loginClick: function (e) {
618        stopDefault(e);
619    },
620    onSignIn: function(googleUser) {
621        var id_token = googleUser.getAuthResponse().id_token;
622        this.ajaxConnectGoogle(id_token);
623    },
624    signOut: function() {
625        try{
626            var auth2 = gapi.auth2.getAuthInstance();
627            auth2.signOut().then(function () {});
628        }catch (e) {}
629    },
630    ajaxConnectGoogle: function (token) {
631        var post_data = {token:token};
632        post_data[window.csrf_token] = 1;
633
634        window.fjuser.connectGoogle(post_data, (result,response) => {
635            if(result){
636                if (response.register == true) {
637                    if(window.app_survey){
638                        window.app_survey.openBox();
639                    }
640                    //registerSuccessedEalog("google",response.data.email);
641                }
642            }
643        })
644    }
645};
646
647
648
649
650/**
651 * google验证公共方法,使用方法
652 * 第一步，在dom中加入：<div id="grc" class="g-recaptcha" data-size="invisible" style="display: none"></div>
653 * 第二步，引入google api：

653<script src="https://www.google.com/recaptcha/api.js?onload=captchaCallback&render=explicit" async defer></script>
654 

654* 第三步，引入本js文件
655 * 第四步，调用addTarget 添加验证目标
656 * 第五步，调用submit 触发验证
657 */
658
659window.gcIdSitekey = "";
660if(document.domain == "www.scrapbooking-software.com" || document.domain == "www.designcap.com"){
661    //window.gcIdSitekey = "6LekquIqAAAAAHoMJQ1Aw2CkTR2RsajOTE_IPxvY";
662    window.gcIdSitekey = "6LemAAcrAAAAADNUyN8QACBi2GtQMOFgiuBsLb2v";
663}else if(document.domain == "www.photoframemaster.com" || document.domain == "www.designevo.com"){
664    window.gcIdSitekey = "6LeKzqQUAAAAAEJ6PafM6cSZhhN8ghYC0MRvJpyT";
665}else{
666    console.log("not set site key");
667}
668
669//google验证码回调
670window.captchaCallback = function() {
671    window.getGoogleRecaptchaId = function () {
672        if(window.gcId == undefined){
673            window.gcId = grecaptcha.render('grc', {
674                'sitekey' : window.gcIdSitekey,
675                'callback' : (captcha) => {
676                    googleRecaptcha.gcAjax(captcha);
677                },
678                'expired-callback':()=>{
679                  //console.log("Error call back1.");
680                },
681                'error-callback':()=>{
682                //console.log("Error call back1.");
683                },
684            });
685        }
686        return window.gcId;
687    }
688};
689
690// 加载google验证码
691window.loadGoogleRecaptchaSDK = function()
692{
693    (function (d, s, id) {
694        var js,
695            fjs = d.getElementsByTagName(s)[0];
696        if (d.getElementById(id)) {
697            return;
698        }
699        js = d.createElement(s);
700        js.id = id;
701        js.async = 'async';
702        js.defer = 'defer';
703        js.src = "https://www.google.com/recaptcha/api.js?onload=captchaCallback&render=explicit";
704        fjs.parentNode.insertBefore(js, fjs);
705
706        if (js.addEventListener) {
707            js.addEventListener('load', function () {
708                window.googleRecaptcha.loaded = true;
709            }, false);
710        } else if (js.attachEvent) {
711            js.attachEvent('onreadystatechange', function () {
712                var target = window.event.srcElement;
713                if (target.readyState == 'loaded') {
714                    window.googleRecaptcha.loaded = true;
715                }
716            });
717        }
718    })(document, 'script', 'google-recaptcha-jssdk');
719}
720
721//google验证对象
722window.googleRecaptcha = {
723    // 需要提交的数据
724    post_data : {},
725    // 当前验证完成后，需要执行的目标
726    target: null,
727    // 验证的目标数组
728    targets: [],
729    //是否需要登录验证，默认不需要
730    needLoginRecaptcha:false,
731
732    loaded:false,
733
734    // 添加验证目标
735    addTarget: function(name, func, callback=null)
736    {
737        target = {
738            name: name,
739            func: func,
740            callback: callback
741        };
742
743        for(i=0;i<this.targets.length;i++){
744            temp_target = this.targets[i];
745            if( JSON.stringify(temp_target) == JSON.stringify(target)){
746                return;
747            }
748        }
749
750        this.targets.push(target);
751    },
752
753    // google验证回调
754    gcAjax : function (captcha) {
755        this.post_data['recaptcha'] = captcha;
756        if(window.csrf_token){
757            this.post_data[window.csrf_token] = 1;
758        }
759        this.post_data["rt"] = "gl";
760        // google验证成功后，执行对应的目标函数
761        this.targets.forEach((target) => {
762            if(target.name == this.target)
763            {
764                target.func(this.post_data, (result) => {
765                    this.reset();
766                    if(target.callback)
767                        target.callback(...arguments);
768                });
769            }
770        });
771    },
772
773    // 重置google验证码
774    reset: function()
775    {
776        this.target = null;
777        if((typeof window.grecaptcha !== "undefined") && window.grecaptcha && (typeof gcId !== "undefined")) {
778            grecaptcha.reset(window.gcId);
779        };
780    },
781
782    // 提交请求方法
783    submit:function (post_data, target) {
784        if(window.getGoogleRecaptchaId) {
785            this.post_data = post_data;
786            this.target = target;
787
788            var gcId = window.getGoogleRecaptchaId();
789            grecaptcha.execute(gcId);
790        }
791        else {
792            setTimeout((post_data, target) => {
793                this.submit(post_data, target);
794            }, 100);
795        }
796    }
797}
798
799
800
801window.TCRloadCallback = function () {
802    window.TCcaptcha = new TencentCaptcha('2080394949', function (res) {
803        tencentRecaptcha.gcAjax(res);
804    });

805};
806
807// 加载tencent验证码
808window.loadTencentRecaptchaSDK = function()
809{
810    (function (d, s, id) {
811        var js,
812            fjs = d.getElementsByTagName(s)[0];
813        if (d.getElementById(id)) {
814            return;
815        }
816        js = d.createElement(s);
817        js.id = id;
818        js.async = 'async';
819        js.defer = 'defer';
820        js.src = "https://ssl.captcha.qq.com/TCaptcha.js";
821        fjs.parentNode.insertBefore(js, fjs);
822
823        if (js.addEventListener) {
824            js.addEventListener('load', function () {
825                window.tencentRecaptcha.loaded = true;
826                window.TCRloadCallback();
827            }, false);
828        } else if (js.attachEvent) {
829            js.attachEvent('onreadystatechange', function () {
830                var target = window.event.srcElement;
831                if (target.readyState == 'loaded') {
832                    window.tencentRecaptcha.loaded = true;
833                    window.TCRloadCallback();
834                }
835            });
836        }
837
838    })(document, 'script', 'tencent-recaptcha-jssdk');
839};
840
841//tencent验证对象
842window.tencentRecaptcha = {
843    // 需要提交的数据
844    post_data : {},
845    // 当前验证完成后，需要执行的目标
846    target: null,
847    // 验证的目标数组
848    targets: [],
849    //是否需要登录验证，默认不需要
850    loaded:false,
851
852    // 添加验证目标
853    addTarget: function(name, func, callback=null)
854    {
855        target = {
856            name: name,
857            func: func,
858            callback: callback
859        };
860
861        for(i=0;i<this.targets.length;i++){
862            temp_target = this.targets[i];
863            if( JSON.stringify(temp_target) == JSON.stringify(target)){
864                return;
865            }
866        }
867
868        this.targets.push(target);
869    },
870    //腾讯验证回调
871    gcAjax : function (res) {
872        // res（用户主动关闭验证码）= {ret: 2, ticket: null}
873        // res（验证成功） = {ret: 0, ticket: "String", randstr: "String"}
874        if(res.ret === 0){
875            this.post_data['recaptcha'] = res.ticket;
876            if(window.csrf_token){
877                this.post_data[window.csrf_token] = 1;
878            }
879            this.post_data["rt"] = "tc";
880            this.post_data["randstr"] = res.randstr;
881            this.targets.forEach((target) => {
882                if(target.name == this.target)
883                {
884                    target.func(this.post_data, (result) => {
885                        if(target.callback)
886                            target.callback(...arguments);
887                    });
888                }
889            });
890        }else if(res.ret === 2){
891            //console.log("close box");
892            if(window.tcRecaptchaCloseCallback){
893                window.tcRecaptchaCloseCallback();
894            }
895        }
896    },
897    // 提交请求方法
898    submit:function (post_data, target) {
899        this.post_data = post_data;
900        this.target = target;
901        window.TCcaptcha.show();
902    }
903}
904
905
906
907/**
908 * Created by Administrator on 2019/11/5.
909 */
910
911$(document).on("click",".ga_ab_button",function () {
912    var parameter01 = $(this).attr("ga-parameter01");
913    var parameter02 = $(this).attr("ga-parameter02");
914    var parameter03 = $(this).attr("ga-parameter03");
915
916    if(window.gaEvent){
917        gaEvent(parameter01,parameter02,parameter03);
918        //console.log('gaEvent(' + parameter01 +',' + parameter02 +',' + parameter03 + ')');
919    }
920
921});
922Vue.component('fj-loading', {
923    template: `
924        <div class="loader-inner ball-pulse">
925            <div></div>
926            <div></div>
927            <div></div>
928        </div>
929    `
930});
931Vue.component('fj-login-remember', {
932    template: `
933        <div class="fj-login-remember">
934            <div :class="checkClass" @click="toggleCheck">
935                <div class="fj-check-box"><img v-show="this.isRemember" src="/media/login/images/check.svg"></div>
936                <div class="fj-check-label">{{loginLanguage.rememberMe}}</div>
937            </div>
938            <a href="/reset-request.html" target="_blank" class="fj-login-forgot-password">{{loginLanguage.forgotPassword}}</a>
939        </div>
940    `,
941    data: function () {
942        return {
943            isRemember: false,
944        }
945    },
946    props: {
947        loginLanguage: Object,
948    },
949    computed: {
950        checkClass: function () {
951            return this.isRemember ? 'fj-login-remember-check fj-checked' : 'fj-login-remember-check';
952        },
953     },
954    methods: {
955        getValue: function () {
956            return this.isRemember;
957        },
958        setValue: function (state) {
959            this.isRemember = state;
960        },
961        toggleCheck: function () {
962            this.isRemember = !this.isRemember;
963        },
964    }
965});
966Vue.component('fj-third-button', {
967    template: `
968        <fj-button :onClick="onClick" className="fj-third-button" :icon="icon" :text="text" t

968ype="default" :class="btn_class" :isLoading="isLoading" :isLoadingThird="isLoadingThird">
969            <template v-slot:icon>
970                <slot name="icon"></slot>
971            </template>
972          </div>
973        </fj-button>
974    `,
975    props: {
976        icon: String,
977        text: String,
978        onClick: Function,
979        btn_class: String,
980        isLoading: Boolean
981    },
982    data: function () {
983        return {
984            isLoadingThird: true,
985        };
986    },
987});
988Vue.component('fj-bar', {
989    template: `
990        <i :class="classObject"/>
991    `,
992    props: {
993        type: {
994            type: String,
995            default: 'horizontal'
996        },
997    },
998    computed: {
999        classObject: function () {
1000            return {
1001                'fj-bar': true,
1002                'fj-bar-horizontal': this.type === 'horizontal',
1003                'fj-bar-vertical': this.type === 'vertical',
1004            }
1005        }
1006    }
1007});
1008Vue.component('fj-input', {
1009    template: `
1010        <div class="fj-login-input">
1011            <slot name="icon"></slot>
1012            <input v-model="value" :placeholder="placeholder" :type="inputType" @keyup="change" @keyup.enter="keyupEnter" />
1013            <div class="fj-login-input-border"></div>
1014            <span v-show="this.isErr" class="fj-login-input-err">{{errText}}</span>
1015        </div>
1016    `,
1017    props: {
1018        placeholder: String,
1019        inputType:String,
1020        change:Function,
1021        keyupEnter:Function,
1022    },
1023    data: function () {
1024        return {
1025            isErr: false,
1026            errText: '',
1027            value: '',
1028        };
1029    },
1030    methods: {
1031        getValue: function () {
1032            return this.value;
1033        },
1034        setValue: function (value) {
1035            this.value = value;
1036        },
1037        updateErr:function (value) {
1038            this.errText = value;
1039        },
1040        showErr: function () {
1041            this.isErr = true;
1042        },
1043        hideErr: function () {
1044            this.isErr = false;
1045        },
1046    }
1047});
1048Vue.component('fj-button', {
1049    template: `
1050        <button @click="onDataChange" :style="style" :class="buttonClass">
1051            <div v-show="!this.isLoading">
1052                <template>
1053                    <slot name="icon"></slot>
1054                    <span class="fj-third-text">{{text}}</span>
1055                </template>
1056            </div>
1057            <fj-loading v-show="this.isLoading" />
1058        </button>
1059    `,
1060    data: function () {
1061    },
1062    props: {
1063        icon: String,
1064        text: String,
1065        style: Object,
1066        type: {
1067            type: String,
1068            default: 'primary',
1069        },
1070        className: {
1071            type: String,
1072            default: '',
1073        },
1074        onClick: Function,
1075        isLoading:Boolean,
1076        isLoadingThird:Boolean,
1077
1078    },
1079    computed: {
1080        buttonClass: function () {
1081            return {
1082                'fj-button': true,
1083                'fj-button_primary': this.type === 'primary',
1084                'fj-button_default': this.type === 'default',
1085                'fj-button_warning': this.type === 'warning',
1086                'fj_button_loading': this.isLoading,
1087                'fj_loading_third': this.isLoadingThird,
1088                [this.className]: this.className,
1089            }
1090        }
1091    },
1092    methods: {
1093        onDataChange: function (e) {
1094            // if (this.onClick && !this.isLoading) {
1095            //     this.isLoading = true;
1096            //     this.onClick(() => {
1097            //         this.isLoading = false;
1098            //     });
1099            // }
1100            if (this.onClick) {
1101                this.onClick(e);
1102            }
1103        },
1104    }
1105});
1106Vue.component('fj-box-button', {
1107    template: `
1108        <div @click="onClick" class="fj-box-button" :class="className">
1109            <span>{{text}}</span>
1110        </div>
1111    `,
1112    props: {
1113        onClick: Function,
1114        text: String,
1115        type: String,
1116        className: String
1117    }
1118});
1119Vue.component('fj-email-input', {
1120    template: `
1121        <fj-input ref="input" :placeholder="inputLanguage" :inputType="emailType" :change="change" :keyupEnter="keyupEnter">
1122            <template v-slot:icon>
1123                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24px" height="24px"

1124                     viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
1125                    <path fill="#C8C8C8" d="M22,6.322c-0.001-0.133-0.035-0.265-0.059-0.397c-0.002-0.009-0.002-0.019-0.004-0.028
1126                    c-0.055-0.288-0.143-0.571-0.305-0.815c-0.18-0.272-0.433-0.501-0.714-0.683c-0.029-0.019-0.058-0.039-0.087-0.057
1127                    c-0.058-0.033-0.105-0.082-0.166-0.109c-0.054-0.023-0.109-0.034-0.163-0.054c-0.049-0.02-0.101-0.033-0.151-0.05
1128                    c-0.084-0.026-0.168-0.055-0.254-0.073c-0.151-0.032-0.308-0.051-0.467-0.054C19.624,4.002,19.618,4,19.611,4h-0.004h-0.074h-0.398
1129                    h-0.719h-0.41H16.38h-0.085H14.4h-0.822h-1.327h-1.602h-0.566H8.056H7.892h-1.56H5.717H5.068H4.505H4.428
1130                    C4.247,4,4.064,4.021,3.886,4.057C3.862,4.062,3.837,4.059,3.813,4.064C3.794,4.068,3.778,4.08,3.76,4.084
1131                    C3.735,4.091,3.709,4.092,3.685,4.1C3.609,4.124,3.542,4.163,3.47,4.194C2.763,4.477,2.185,5.109,2.052,5.839
1132                    c-0.03,0.169-0.045,0.337-0.044,0.506C2.007,6.373,2,6.399,2,6.427v0.254v1.13V9.56v2.088v2.172v1.992v1.551v0.846
1133                    c0,0.197,0.013,0.396,0.075,0.583c0.241,0.71,0.875,1.198,1.635,1.207c0.141,0.002,0.279,0,0.42,0h1.041h1.53h1.891h2.1h2.181h2.126
1134                    h1.938h1.61H19.7h0.559c0.349,0,0.716-0.092,0.992-0.304c0.347-0.258,0.632-0.609,0.707-1.045C21.98,18.525,22,18.398,22,18.271
1135                    c0.002-0.229,0-0.451,0-0.676v-1.435V14.24v-2.156V9.959V8.127V6.85V6.389c0-0.011-0.007-0.022-0.007-0.034S22,6.334,22,6.322z
1136                     M12.457,13.176c-0.063,0.043-0.131,0.078-0.2,0.112c-0.057,0.019-0.114,0.034-0.172,0.047c-0.056,0.003-0.112,0.003-0.168,0
1137                    c-0.061-0.013-0.12-0.029-0.179-0.048c-0.062-0.031-0.124-0.063-0.183-0.103c-0.24-0.192-0.472-0.395-0.707-0.589
1138                    c-0.615-0.517-1.229-1.033-1.846-1.549c-0.749-0.628-1.496-1.253-2.245-1.88C6.124,8.637,5.49,8.104,4.856,7.574
1139                    C4.567,7.331,4.274,7.091,3.988,6.846C3.936,6.802,3.892,6.751,3.846,6.701c-0.03-0.043-0.057-0.088-0.082-0.134
1140                    c-0.019-0.056-0.035-0.112-0.047-0.17c-0.001-0.037,0-0.073,0.001-0.11C3.73,6.232,3.746,6.178,3.764,6.124
1141                    C3.793,6.067,3.825,6.012,3.86,5.959c0.036-0.04,0.074-0.077,0.113-0.113c0.046-0.03,0.094-0.058,0.143-0.083
1142                    C4.172,5.745,4.229,5.73,4.288,5.718C4.44,5.709,4.595,5.706,4.746,5.706h1.095h1.647H9.5h2.22h2.241h2.084h1.754h1.24H19.6
1143                    c0.029,0,0.058,0.004,0.086,0.006c0.063,0.012,0.125,0.03,0.187,0.049c0.05,0.026,0.099,0.054,0.146,0.084
1144                    c0.038,0.035,0.075,0.072,0.11,0.11c0.034,0.052,0.066,0.107,0.095,0.163c0.023,0.07,0.045,0.14,0.059,0.212
1145                    c0,0.014,0.002,0.028,0.002,0.042c-0.014,0.065-0.032,0.129-0.053,0.193c-0.023,0.042-0.049,0.083-0.075,0.124
1146                    c-0.096,0.103-0.197,0.199-0.307,0.29c-0.178,0.149-0.354,0.298-0.535,0.447c-0.604,0.507-1.207,1.013-1.812,1.521
1147                    c-0.747,0.625-1.496,1.253-2.243,1.879c-0.643,0.539-1.285,1.079-1.93,1.618C13.037,12.689,12.748,12.933,12.457,13.176z
1148                     M18.674,18.289H16.88h-2.188h-2.396H9.872H7.616h-1.91H4.35H3.741C3.73,18.286,3.72,18.283,3.709,18.28
1149                    c0-0.001,0-0.002-0.001-0.003c-0.003-0.096-0.006-0.191-0.006-0.285v-0.866V14.24v-3.472V8.789c0.292,0.244,0.584,0.489,0.876,0.733
1150                    c0.71,0.595,1.421,1.191,2.132,1.786c0.7,0.586,1.4,1.175,2.103,1.76c0.459,0.387,0.917,0.77,1.376,1.154
1151                    c0.07,0.059,0.139,0.115,0.209,0.174c0.213,0.177,0.42,0.309,0.674,0.414c0.26,0.104,0.504,0.155,0.788,0.184
1152                    c0.241,0.02,0.493-0.012,0.726-0.066c0.229-0.055,0.459-0.148,0.659-0.271c0.371-0.23,0.702-0.554,1.032-0.831
1153                    c0.592-0.495,1.184-0.992,1.771-1.487c0.733-0.615,1.471-1.23,2.202-1.846c0.646-0.541,1.289-1.082,1.937-1.622
1154                    c0.033-0.027,0.064-0.055,0.098-0.082v1.663v3.462v2.963c0,0.46,0.002,0.92,0,1.38c-0.002,0.008-0.005,0.016-0.007,0.023
1155                    c-0.002,0-0.004,0.001-0.006,0.001c-0.135,0.007-0.271,0.008-0.403,0.008H18.674z"/>
1156                </svg>
1157            </template>
1158        </fj-input>
1159    `,
1160    data: function () {
1161        return {
1162            emailType:'email',
1163        };
1164    },
1165    props:{
1166        change:Function,
1167        keyupEnter:Function,
1168        inputLanguage:String,
1169        isInFotoJetUpgradeWrapper:Boolean
1170    },
1171    methods: {
1172        getValue: function () {
1173            return this.$refs.input.getValue();
1174        },
1175        setValue: function (val) {
1176            return this.$refs.input.setValue(val);
1177        },
1178        setErr: function (value) {
1179            this.$refs.input.updateErr(value);
1180            this.$refs.input.showErr();
1181        },
1182        reset: function () {
1183            this.$refs.input.setValue('');
1184            this.$refs.input.updateErr('');
1185            this.$refs.input.hideErr();
1186        },
1187    }
1188});
1189Vue.component('fj-password-input', {
1190    template: `
1191        <fj-input ref="input" :placeholder="loginLanguage.password" :inputType="passwordType" :change="change" :keyupEnter="keyupEnter">
1192            <template v-slot:icon>
1193                <svg version="1.1"
1194	 xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24px" height="24px"
1195	 viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
1196	<g id="Logoin-" transform="translate(-467.000000, -406.000000)">
1197		<g id="password" transform="translate(467.000000, 406.000000)">

1198			<path id="Shape" fill="#C2C2C2" d="M12,13c-0.468,0-1,0.45-1,0.999v1.999C11,16.55,11.532,17,12,17s1-0.45,1-1.002v-1.999
1199				C13,13.45,12.468,13,12,13z"/>
1200			<path id="Shape_1_" fill="#C2C2C2" d="M18.566,6.11C17.979,3.18,15.514,1,12.604,1C9.71,1,7.296,3.124,6.662,6.072
1201				C5.032,6.339,4,7.813,4,9.601v8.813C4,20.393,5.254,22,7.189,22H12.5h5.311C19.746,22,21,20.393,21,18.416V9.601
1202				C21,7.896,20.064,6.472,18.566,6.11z M12.994,3C14.842,3,16.42,4.254,17,6h-4.113H9C9.601,4.233,11.152,3,12.994,3z M19,18.514
1203				C19,19.334,18.693,20,17.914,20H12.5H7.085C6.306,20,6,19.334,6,18.514V9.488C6,8.667,6.306,8,7.085,8H12.5h5.414
1204				C18.693,8,19,8.667,19,9.488V18.514z"/>
1205		</g>
1206	</g>
1207</svg>
1208            </template>
1209        </fj-input>
1210    `,
1211    data: function () {
1212        return {
1213            passwordType:'password',
1214        };
1215    },
1216    props: {
1217        change:Function,
1218        keyupEnter:Function,
1219    },
1220    methods: {
1221        getValue: function () {
1222            return this.$refs.input.getValue();
1223        },
1224        setValue: function (val) {
1225            return this.$refs.input.setValue(val);
1226        },
1227        setErr: function (value) {
1228            this.$refs.input.updateErr(value);
1229            this.$refs.input.showErr();
1230        },
1231        reset: function () {
1232            this.$refs.input.setValue('');
1233            this.$refs.input.updateErr('');
1234            this.$refs.input.hideErr();
1235        },
1236    }
1237});
1238
1239Vue.component('fj-user-info', {
1240    template: `
1241        <div id="logged" class="">
1242            <div class="userGroup user-avatar dropdown">
1243                <button id="btUser" class="fj-user" type="button"
1244                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" @click="toggleMenu">
1245                    <div>
1246                    </div>
1247                    <img id="imgAvatarThumb" :src="userInfo.img">
1248                    <span class="fj-username">
1249                        <nobr id="user_name">
1250                            {{userInfo.name}}
1251                        </nobr>
1252                    </span>
1253                </button>
1254                <transition name="drop">
1255                    <ul id="fj-profile-drop-menu" class="fj-profile-drop-menu dropdown-menu animated" role="menu" v-show="isOpen">
1256                        <div class="fj-profile-userinfo">
1257                            <div class="user-img"><img :src="userInfo.img"></div>
1258                            <div class="user-policy-wrapper">
1259                                    <div class="user-name">{{userInfo.email}}</div>
1260                                    <div class="user-policy policy-upgrade" v-if="userInfo.policy === 'free'" @click="upgrade">{{loginLanguage.upgrade}}</div>
1261                                    <div class="user-policy policy-info" v-if="userInfo.policy === 'basic'" @click="billing">{{loginLanguage.policyBasic}}</div>
1262                                    <div class="user-policy policy-info" v-if="userInfo.policy === 'plus'" @click="billing">{{loginLanguage.policyPlus}}</div>
1263                            </div>
1264                        </div>
1265                        <div class="fj-profile-border"></div>
1266                        <li>
1267                            <a id="myDesigns" @click="myDesigns">
1268                                {{loginLanguage.myDesigns}}
1269                            </a>
1270                        </li>
1271                        <li>
1272                            <a id="myProfile" target="_self" ref="nofollw" href="/profile.html">
1273                                {{loginLanguage.myAccount}}
1274                            </a>
1275                        </li>
1276                        <li>
1277                            <a id="logout" @click="userLogout">
1278                               {{loginLanguage.signOut}}
1279                            </a>
1280                        </li>
1281                    </ul>
1282                </transition>
1283            </div>
1284        </div>
1285    `,
1286    props: {
1287        userInfo: Object,
1288        hasLogin: Boolean,
1289        loginLanguage: Object,
1290    },
1291    data: function () {
1292        return {
1293            isOpen: false,
1294        };
1295    },
1296    methods: {
1297        toggleMenu:function () {
1298            this.isOpen = !this.isOpen;
1299        },
1300        userLogout: function () {
1301            window.fjuser.logoutPost((json) => {
1302                if(json.code === 200){
1303                    this.$parent.userLogedout();
1304                }
1305            });
1306        },
1307        upgrade:function () {
1308            if(window.openSubscription){
1309                window.openSubscription("profile");
1310            }
1311        },
1312        billing:function () {
1313            window.open("/profile.html?page=billing",'_blank');
1314        },
1315        myDesigns:function () {
1316            //防止网络过慢的时候页面跳转依然显示用户头像的问题
1317            //$("#logged").hide();
1318            localStorage.setItem("isDefaultProjectPage",true);
1319
1320            var hasLangTag = window.language_tag?true:false;
1321            if(hasLangTag && "en" != window.language_tag){
1322                //location.href = "/" + window.language_tag +"/app/";
1323                window.open("/" + window.language_tag +"/app/","_blank");
1324            }else{
1325                //location.href = "/app/";
1326                window.open("/app/","_blank");
1327            }
1328
1329
1330            /*if(window.language_tag && "en" != window.language_tag){
1331                location.href = "/" + window.language_tag + "/app/";
1332            }else{
1333                location.href = "/app/";
1334            }*/
1335
1336        }
1337    },
1338    created:function () {
1339        //添加点击按钮移除事件
1340        document.addEventListener('click', (e)=> {
1341                if(this.isOpen === true){
1342                    dom = e.target;

1343                    className01 = $(dom).attr("class");
1344                    className02 = $(dom).parent().attr("class");
1345                    className03 = $(dom).parent().parent().attr("class");
1346                    if(className01 !== "fj-user" && className02 !== "fj-user" && className03 !== "fj-user"){
1347                        this.isOpen = false;
1348                    }
1349                }
1350        });
1351
1352        //绑定keydown事件
1353        var _this = this;
1354        $(document).keydown(function(e){
1355            var code =  e.which || e.keyCode;
1356
1357            if(27 === code ){
1358                _this.isOpen = false;
1359            }
1360        });
1361
1362    }
1363});
1364
1365Vue.component('fj-user-container', {
1366    template: `
1367        <div class="fj-user-container">
1368            <fj-box-button :text="loginLanguage.login" :onClick="showSignIn" v-if="!hasLogin" :className="'fj-btn-signin'" />
1369            <fj-box-button :text="loginLanguage.signUpFree" :onClick="showSignUp" v-if="!hasLogin" :className="'fj-btn-signup'" />
1370            <fj-user-info v-if="hasLogin" :userInfo="userInfo" :hasLogin="hasLogin" :loginLanguage="loginLanguage" />
1371        </div>
1372    `,
1373    props: {
1374        loginLanguage: Object,
1375        hasLogin: Boolean,
1376        setPanelMode: Function,
1377        userInfo: Object,
1378    },
1379    methods: {
1380        showSignUp: function () {
1381            this.setPanelMode(false);
1382        },
1383        showSignIn: function () {
1384            this.setPanelMode(true);
1385        },
1386        userLogedout:function () {
1387            this.hasLogin = false;
1388            this.userInfo = {};
1389        }
1390    },
1391});
1392Vue.component('fj-login-panel', {
1393    template: `
1394        <div class="fj-login-panel">
1395            <div class="fj-login-head">
1396                <div class="fj-login-head__title">{{headTitle}}</div>
1397                <div class="fj-login-head__desc">
1398                    <span>{{headDesc}}</span>
1399                    <span @click="togglePanel" class="fj-login-head__desc-sign">{{headToggleTitle}}</span>
1400                </div>
1401            </div>
1402            <fj-bar />
1403            <fj-third-button :onClick="facebookSubmit" :text="facebookText" :isLoading="isLoadingFB">
1404                <template v-slot:icon>
1405                    <svg class="fl-facebook-icon" version="1.1"  xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
1406	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
1407<path fill="#3B5997" d="M21.643,2.176h-3.31c0,0-5.299-0.973-5.299,5.346c0,1.359,0,4.207,0,4.207H9.561l0.015,3.583h3.159
1408	l0.004,15.522h3.875V15.311h4.751l0.894-3.583h-5.645V7.395c0,0,0.535-1.637,2.352-1.637h2.662L21.643,2.176L21.643,2.176z"/>
1409</svg>
1410                </template>
1411            </fj-third-button>
1412            <fj-third-button :onClick="googleSubmit" :text="googleText" :btn_class="'fj-login-gl-btn'" :isLoading="isLoadingGL">
1413                <template v-slot:icon>
1414                    <svg class="fl-google-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
1415	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
1416<g>
1417	<g>
1418		<g>
1419			<g>
1420				<defs>
1421					<path id="LOGOIN_SVG_SVGID_1_" d="M27.59,13.673H16.408v4.636h6.436c-0.6,2.944-3.107,4.637-6.436,4.637c-3.926,0-7.09-3.161-7.09-7.09
1422						s3.164-7.09,7.09-7.09c1.691,0,3.218,0.6,4.418,1.582l3.49-3.491c-2.127-1.854-4.854-3-7.909-3c-6.655,0-12,5.346-12,12
1423						c0,6.654,5.345,12,12,12c6,0,11.456-4.362,11.456-12C27.863,15.146,27.754,14.382,27.59,13.673z"/>
1424				</defs>
1425				<clipPath id="LOGOIN_SVG_SVGID_2_">
1426					<use xlink:href="#LOGOIN_SVG_SVGID_1_"  overflow="visible"/>
1427				</clipPath>
1428				<path clip-path="url(#LOGOIN_SVG_SVGID_2_)" fill="#FBBC05" d="M3.317,22.945V8.764l9.273,7.089L3.317,22.945z"/>
1429			</g>
1430		</g>
1431	</g>
1432	<g>
1433		<g>
1434			<g>
1435				<defs>
1436					<path id="LOGOIN_SVG_SVGID_3_" d="M27.59,13.673H16.408v4.636h6.436c-0.6,2.944-3.107,4.637-6.436,4.637c-3.926,0-7.09-3.161-7.09-7.09
1437						s3.164-7.09,7.09-7.09c1.691,0,3.218,0.6,4.418,1.582l3.49-3.491c-2.127-1.854-4.854-3-7.909-3c-6.655,0-12,5.346-12,12
1438						c0,6.654,5.345,12,12,12c6,0,11.456-4.362,11.456-12C27.863,15.146,27.754,14.382,27.59,13.673z"/>
1439				</defs>
1440				<clipPath id="LOGOIN_SVG_SVGID_4_">
1441					<use xlink:href="#LOGOIN_SVG_SVGID_3_"  overflow="visible"/>
1442				</clipPath>
1443				<path clip-path="url(#LOGOIN_SVG_SVGID_4_)" fill="#EA4335" d="M3.317,8.764l9.273,7.089l3.818-3.326L29.499,10.4V2.764H3.317V8.764z"/>
1444			</g>
1445		</g>
1446	</g>
1447	<g>
1448		<g>
1449			<g>
1450				<defs>
1451					<path id="LOGOIN_SVG_SVGID_5_" d="M27.59,13.673H16.408v4.636h6.436c-0.6,2.944-3.107,4.637-6.436,4.637c-3.926,0-7.09-3.161-7.09-7.09
1452						s3.164-7.09,7.09-7.09c1.691,0,3.218,0.6,4.418,1.582l3.49-3.491c-2.127-1.854-4.854-3-7.909-3c-6.655,0-12,5.346-12,12
1453						c0,6.654,5.345,12,12,12c6,0,11.456-4.362,11.456-12C27.863,15.146,27.754,14.382,27.59,13.673z"/>
1454				</defs>
1455				<clipPath id="LOGOIN_SVG_SVGID_6_">
1456					<use xlink:href="#LOGOIN_SVG_SVGID_5_"  overflow="visible"/>
1457				</clipPath>
1458				<path clip-path="url(#LOGOIN_SVG_SVGID_6_)" fill="#34A853" d="M3.317,22.945L19.682,10.4l4.311,0.546L29.5,2.763v26.182H3.317V22.945z"/>
1459			</g>
1460		</g>
1461	</g>
1462	<g>
1463		<g>
1464			<g>
1465				<defs>
1466					<path id="LOGOIN_SVG_SVGID_7_" d="M27.59,13.673H16.408v4.636h6.436c-0.6,2.944-3.107,4.637-6.436,4.637c-3.926,0-7.09-3.161-7.09-7.09
1467						s3.164-7.09,7.09-7.09c1.691,0,3.218,0.6,4.418,1.582l3.49-3.491c-2.127-1.854-4.854-3-7.909-3c-6.655,0-12,5.346-12,12
1468						c0,6.654,5.345,12,12,12c6,0,11.456-4.362,11.456-12C27.863,15.146,27.754,14.382,27.59,13.673z"/>
1469				</defs>
1470				<clipPath id="LOGOIN_SVG_SVGID_8_">
1471					<use xlink:href="#LOGOIN_SVG_SVGID_7_"  overflow="visible"/>
1472				</clipPath>
1473				<path clip-path="url(#LOGOIN_SVG_SVGID_8_)" fill="#4285F4" d="M29.499,28.945L12.59,15.854l-2.182-1.636l19.091-5.455V28.945z"/>
1474			</g>
1475		</g>
1476	</g>
1477</g>
1478</svg>
1479                </template>
1480            </fj-third-button>
1481            <div class="fj-or">
1482                <i />

1483                <span class="fj-or-text">{{loginLanguage.or}}</span>
1484                <i />
1485            </div>
1486            <div v-show="!isLoginMode" class="fj-sign-inputs" >
1487                <fj-email-input ref="emailSignInput" :inputLanguage="loginLanguage.email" :change="checkInput" :keyupEnter="submitNull" />
1488                <fj-email-input ref="emailSignConfirmInput" :inputLanguage="loginLanguage.emailConfirm" :change="checkInput" :keyupEnter="submitNull" />
1489                <fj-password-input ref="passwordSignInput" :loginLanguage="loginLanguage" :change="checkInput" :keyupEnter="submit" />
1490            </div>
1491            <div v-show="isLoginMode" class="fj-login-inputs">
1492                <fj-email-input   ref="emailLoginInput" :inputLanguage="loginLanguage.email" :change="checkInput" :keyupEnter="submitNull" />
1493                <fj-password-input  ref="passwordLoginInput" :loginLanguage="loginLanguage" :change="checkInput" :keyupEnter="submit" />
1494            </div>
1495            <fj-login-remember ref="loginRemember" v-show="isLoginMode" :loginLanguage="loginLanguage"/>
1496            <div class="joms-input--append designevo-login-input-append" style="display: none">
1497                <div id="grc" class="g-recaptcha" data-size="invisible"></div>
1498            </div>
1499            
1500            <fj-button :onClick="submit" :style="submitStyle" type="primary" :text="submitText" :isLoading="isLoading" />
1501            <div class="fj-login-policy">
1502                <span>{{isLoginMode ? loginLanguage.loginPolicy : loginLanguage.signPolicy}}</span>
1503                <a href="/terms.html" target="_blank">{{loginLanguage.terms}}</a>
1504                <span>{{loginLanguage.and}}</span>
1505                <a href="/privacy.html" target="_blank">{{loginLanguage.privacyPolicy}}</a>
1506            </div>
1507        </div>
1508    `,
1509    props: {
1510        loginLanguage: Object,
1511        isLoginMode: Boolean,
1512        hideLoginPanel: Function,
1513        showLoginPanel: Function,
1514        setPanelMode:Function,
1515        userLogined: Function,
1516
1517    },
1518    data: function () {
1519        return {
1520            isLoading: false,
1521            isLoadingFB:false,
1522            isLoadingGL:false,
1523            isFirstSignIn:true,
1524            isFirstSignUp:true,
1525        };
1526    },
1527    computed: {
1528        headTitle: function () {
1529            let {signUp, login} = this.loginLanguage;
1530            return this.isLoginMode ? login : signUp;
1531        },
1532        headToggleTitle: function () {
1533            let {signUp, login} = this.loginLanguage;
1534            return this.isLoginMode ? signUp : login;
1535        },
1536        headDesc: function () {
1537            let {haveAccount, noAccount} = this.loginLanguage;
1538            return this.isLoginMode ? noAccount : haveAccount;
1539        },
1540        googleText: function () {
1541            let {googleSignUp, googleLogin} = this.loginLanguage;
1542            return this.isLoginMode ? googleLogin : googleSignUp;
1543        },
1544        facebookText: function () {
1545            let {facebookSignUp, facebookLogin} = this.loginLanguage;
1546            return this.isLoginMode ? facebookLogin : facebookSignUp;
1547        },
1548        submitText: function () {
1549            let {signUp, login} = this.loginLanguage;
1550            return this.isLoginMode ? login : signUp;
1551        },
1552        loadingText:function () {
1553            return "Loading...";
1554        },
1555        submitStyle: function () {
1556            return {
1557                display: 'block',
1558                margin: 'auto',
1559                'min-width': '280px',
1560                'box-shadow': '0 4px 8px 0 rgba(238,92,51,0.3)',
1561            }
1562        },
1563        loadingStyle:function () {
1564            return {
1565                display: 'block',
1566                margin: 'auto',
1567                'min-width': '280px',
1568                'box-shadow': '0 4px 8px 0 rgba(238,92,51,0.3)',
1569                'background':"#a74f37",
1570            }
1571        }
1572    },
1573    methods: {
1574        setRemember:function(state){
1575            this.$refs.loginRemember.setValue(state);
1576        },
1577        autoLogin:function (data) {
1578            this.$refs.emailLoginInput.setValue(data.email);
1579            this.$refs.passwordLoginInput.setValue(data.pswd);
1580        },
1581        initFirst:function () {
1582            this.isFirstSignIn = true;
1583            this.isFirstSignUp = true;
1584        },
1585        checkInput:function () {
1586            if(this.isFirstSignIn === false){
1587                this.validateLogin();
1588            }
1589            if(this.isFirstSignUp === false){
1590                this.validateSignUp();
1591            }
1592        },
1593        checkLoading:function () {
1594            /*if(this.isLoading || this.isLoadingFB || this.isLoadingGL){
1595                return true;
1596            }*/
1597            //需求修改,允许同时操作
1598            return false;

1599        },
1600        loading:function () {
1601            this.isLoading = true;
1602        },
1603        loaded:function () {
1604            this.isLoading = false;
1605        },
1606        facebookSubmit: function (e) {
1607            //如果有其它在登录，则退出
1608            if(this.isLoadingFB){
1609                return false;
1610            }
1611            //需要有facebook连接对象，并且加载了FB对象才行
1612            if(window.connectWithFaceBook && window.FB){
1613                this.isLoadingFB = true;
1614                var _this = this;
1615                window.signup_action_path = "facebook";
1616                connectWithFaceBook.login(e,function () {
1617                    _this.isLoadingFB = false;
1618                });
1619            }
1620
1621        },
1622        googleSubmit: function (e) {
1623
1624            //如果有其它在登录，则退出
1625            if(this.isLoadingGL){
1626                return false;
1627            }
1628            //需要有google的api登录对象才行
1629            if(window.connectWithGoogle && window.gapi){
1630                this.isLoadingGL = true;
1631                var _this = this;
1632                window.signup_action_path = "google";
1633                //loginFacebookFunc.loginClick(e);
1634                connectWithGoogle.login(e,function () {
1635                    _this.isLoadingGL = false;
1636                });
1637            }
1638
1639        },
1640        togglePanel: function () {
1641            //如果有其它在登录，则退出
1642            if(this.checkLoading()){
1643                return false;
1644            }
1645            if(this.isLoginMode === true){
1646                this.$emit("setPanelMode",false);
1647            }else{
1648                this.$emit("setPanelMode",true);
1649            }
1650        },
1651        resetLoading:function () {
1652            this.isLoading = false;
1653            this.isLoadingFB = false;
1654            this.isLoadingGL = false;
1655        },
1656        reset: function () {
1657            let {
1658                emailSignInput,
1659                emailSignConfirmInput,
1660                passwordSignInput,
1661                emailLoginInput,
1662                passwordLoginInput,
1663            } = this.$refs;
1664            emailSignInput.reset();
1665            emailSignConfirmInput.reset();
1666            passwordSignInput.reset();
1667            emailLoginInput.reset();
1668            passwordLoginInput.reset();
1669        },
1670        isRemember:function () {
1671            return this.$refs.loginRemember.getValue()?true:false;
1672        },
1673        submitNull:function () {
1674            //点击email的时候不需要自动提交
1675        },
1676        submit: function () {
1677            //如果有其它在登录，则退出
1678            if(this.isLoading){
1679                return false;
1680            }
1681            let loginRemember = this.$refs.loginRemember;
1682            let isRemember = loginRemember.getValue();
1683            if (this.isLoginMode === true) {
1684                var loginData = this.validateLogin();
1685                this.isFirstSignIn = false;
1686                if (loginData) {
1687                    // loginData = {email: xxx, password: xxx}
1688                    // 登录
1689                    loginData.remember = isRemember;
1690                    this.isLoading = true;
1691                    //如果是第一次登录，默认不需要验证码
1692                    if(window.needLoginRecaptcha === undefined){
1693                        window.needLoginRecaptcha = false;
1694                    }
1695                    //如果需要验证码，则使用验证登录方法
1696                    if(window.needLoginRecaptcha === true){
1697                        window.recaptchaPost(loginData,'login');
1698                    }else{
1699                        window.fjuser.loginPost(loginData,(result,data)=>{
1700                            if(data.needCaptcha === true){
1701                                window.needLoginRecaptcha = true;
1702                                //console.log(data);
1703                                if(result === true){
1704                                    this.userLogined(data);
1705                                }
1706                            }
1707                        });
1708                    }
1709                }
1710            } else {
1711                var signUpData = this.validateSignUp();
1712                this.isFirstSignUp = false;

1713                if (signUpData) {
1714                    email = signUpData.email;
1715                    var emailService = jQuery("#emailService")[0];
1716                    //console.log(email);
1717                    emailService.href = "http://www." + email.substr(email.indexOf("@") + 1);
1718
1719                    signUpData.remember = isRemember;
1720                    this.isLoading = true;
1721                    window.signup_action_path = "email";
1722                    //window.googleRecaptcha.submit(signUpData, 'register');
1723                    window.recaptchaPost(signUpData,'register');
1724                }
1725            }
1726        },
1727        validateSignUp: function () {
1728            let emailSignInput = this.$refs.emailSignInput;
1729            let emailSignConfirmInput = this.$refs.emailSignConfirmInput;
1730            let passwordSignInput = this.$refs.passwordSignInput;
1731            let emailText = emailSignInput.getValue();
1732            let emailConfirmText = emailSignConfirmInput.getValue();
1733            let passwordText = passwordSignInput.getValue();
1734            let emailErrText = this.validateEmail(emailText);
1735            let passwordErrText = this.validatePassword(passwordText);
1736            let emailNotConfirm = false;
1737            if (emailErrText) {
1738                emailSignInput.setErr(emailErrText);
1739            }else{
1740                emailSignInput.setErr("");
1741            }
1742            if (emailConfirmText === '') {
1743                emailSignConfirmInput.setErr(this.loginLanguage.emailEmpty);
1744                emailNotConfirm = true;
1745            } else if (emailConfirmText !== emailText) {
1746                emailSignConfirmInput.setErr(this.loginLanguage.emailWrongConfirm);
1747                emailNotConfirm = true;
1748            }else{
1749                emailSignConfirmInput.setErr("");
1750            }
1751            if (passwordErrText) {
1752                passwordSignInput.setErr(passwordErrText);
1753            }else{
1754                passwordSignInput.setErr("");
1755            }
1756            return emailErrText || emailNotConfirm || passwordErrText ? null
1757                : {email: emailText, password: passwordText};
1758        },
1759        validateLogin: function () {
1760            let emailLoginInput = this.$refs.emailLoginInput;
1761            let passwordLoginInput = this.$refs.passwordLoginInput;
1762            let emailText = emailLoginInput.getValue();
1763            let passwordText = passwordLoginInput.getValue();
1764            let emailErrText = this.validateEmail(emailText);
1765            //console.log(passwordText);
1766            let passwordErrText = this.validatePassword(passwordText);
1767            if (emailErrText) {
1768                emailLoginInput.setErr(emailErrText);
1769            }else{
1770                emailLoginInput.setErr("");
1771            }
1772            if (passwordErrText) {
1773                passwordLoginInput.setErr(passwordErrText);
1774            }else{
1775                passwordLoginInput.setErr("");
1776            }
1777            return emailErrText || passwordErrText ? null : {email: emailText, password: passwordText};
1778        },
1779        checkEmail: function checkEmail(email) {
1780            if (email.indexOf(".") === -1) {
1781                return false
1782            }
1783            let regex = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
1784            return regex.test(email);
1785        },
1786        validateEmail: function (value) {
1787            let email = value.replace(/(^\s*)|(\s*$)/g, "");
1788            let errText = '';
1789            let {emailEmpty, emailOverLength, emailWrongAddress} = this.loginLanguage;
1790            if (email.length === 0) {
1791                errText = emailEmpty;
1792            } else if (email.length > 64) {
1793                errText = emailOverLength;
1794            } else if (!this.checkEmail(email)) {
1795                errText = emailWrongAddress;
1796            }
1797            return errText;
1798        },
1799        validatePassword: function (value) {
1800            let password = value.replace(/(^\s*)|(\s*$)/g, "");
1801            let errText = '';
1802            let {passwordEmpty, passwordOverLength} = this.loginLanguage;
1803            if (password.length === 0) {
1804                errText = passwordEmpty;
1805            } else if (password.length < 6 || password.length > 64) {
1806                errText = passwordOverLength;
1807            }
1808            return errText;
1809        },
1810        setError:function (text) {
1811            let emailSignInput = this.$refs.emailSignInput;
1812            if(this.isLoginMode === true){
1813                emailSignInput = this.$refs.emailLoginInput;
1814            }
1815            emailSignInput.setErr(text);
1816        },
1817    },
1818    created:function () {
1819        var _this = this;
1820        window.tcRecaptchaCloseCallback = function () {
1821            _this.isLoading = false;

1822        };
1823    },
1824    watch: {
1825        isLoginMode: function () {
1826            this.reset();
1827        }
1828    }
1829});
1830
1831Vue.component('fj-modal', {
1832    template: `
1833        <div v-show="isVisible" class="fj-modal">
1834            <transition name="fade">
1835                <div class="mask"/>
1836            </transition>
1837            <div class="wrap">
1838                <div @click="closeModal" class="close">
1839                    <img src="/media/login/images/close.svg">
1840                </div>
1841                <slot name="content"></slot>
1842            </div>
1843        </div>
1844    `,
1845    props: {
1846        isVisible: Boolean,
1847        closeModal: Function
1848    },
1849    data: function () {
1850        return {
1851            isHover:false
1852        };
1853    },
1854    methods:{
1855    }
1856});
1857var app_fj_login = new Vue({
1858    el: '#login',
1859    template: `
1860        <div id="login-module">
1861            <fj-user-container :hasLogin="hasLogin" 
1862                               :loginLanguage="loginLanguage"
1863                               :setPanelMode="setPanelMode" 
1864                               :loginLanguage="loginLanguage"
1865                               :userLogout="userLogout"
1866                               :showSignUpPanel="showSignUpPanel"
1867                               :userInfo="userInfo" 
1868                               />
1869            <fj-modal :closeModal="hideLoginPanel" :isVisible="active">
1870                <template v-slot:content>
1871                    <fj-login-panel ref="fj_login_panel" :loginLanguage="loginLanguage"
1872                                    :isLoginMode="isLoginMode" 
1873                                    :hideLoginPanel="hideLoginPanel" 
1874                                    :showLoginPanel="showLoginPanel"
1875                                    @setPanelMode="setPanelMode"
1876                                    :userLogined="userLogined"
1877                                      />
1878                </template>
1879            </fj-modal>
1880        </div>
1881    `,
1882    data: function () {
1883        return {
1884            hasLogin: false,
1885            isLoginMode: null, // true：login界面，false: signUp界面， null: 界面隐藏
1886            loginLanguage: loginLanguage,
1887            userInfo:null,
1888        };
1889    },
1890    computed: {
1891        active: function () {
1892            return this.isLoginMode !== null
1893        }
1894    },
1895    methods: {
1896        autoLogin:function (data) {
1897            this.$refs.fj_login_panel.autoLogin(data);
1898        },
1899        userLogout: function () {
1900            window.fjuser.logoutPost();
1901        },
1902        checkRemeber:function () {
1903            //console.log("call CookieFunc");
1904            var _this = this;
1905            if(window.CookieFunc){
1906                window.CookieFunc.initLogin(function (token) {
1907                    if (token) {
1908                        _this.$refs.fj_login_panel.setRemember(true);
1909                        $.post("/user/rememberState",{token: token},function (result) {
1910                            if(result.code === 200){
1911                                csrf_token = result.csrf_token || result.token;
1912                                if(csrf_token){
1913                                    window.csrf_token = csrf_token;
1914                                }
1915                                _this.autoLogin(result.data);
1916                            }
1917                        });
1918                    }
1919                });
1920            }
1921        },
1922        dispatchPanelEvent:function (old_status,new_status) {
1923            if(old_status !== new_status){
1924                //隐藏
1925                if(new_status === null){
1926                    if(old_status === false){
1927                        window.fjuser.dispatchCallbacks(window.fjuser.eventType.hideRegisterPanel);
1928                    }else{
1929                        window.fjuser.dispatchCallbacks(window.fjuser.eventType.hideLoginPanel);
1930                    }
1931                }else if(new_status === false){ //显示注册面板
1932                    window.fjuser.dispatchCallbacks(window.fjuser.eventType.showRegisterPanel);
1933                }else if(new_status === true){ //显示登录面板
1934                    window.fjuser.dispatchCallbacks(window.fjuser.eventType.showLoginPanel);
1935                }
1936            };
1937        },
1938        setPanelMode:function (statue) {
1939            this.dispatchPanelEvent(this.isLoginMode,statue);
1940            //关闭弹窗后重置验证
1941            if(statue === null){
1942                this.$refs.fj_login_panel.initFirst();
1943            }
1944            else {
1945                this.ensureSDKs();
1946            }
1947            this.isLoginMode = statue;
1948            if(window.callbackWhenLoginPanelModeChange){
1949                callbackWhenLoginPanelModeChange(statue);
1950            }
1951            if(statue === true){
1952                var _this = this;
1953                setTimeout(function () {
1954                    _this.checkRemeber();
1955                }, 300);
1956            }
1957
1958            if(!window.hasAutoLogin) {
1959                window.hasAutoLogin = true;
1960                this.checkAutoLogin();
1961            }
1962

1963            //检查是否是程序页需要特殊处理
1964            if(statue === false && window.showSignUpEacallback){
1965                showSignUpEacallback();
1966            }
1967        },
1968        showLoginPanel: function () {
1969            this.setPanelMode(true);
1970        },
1971        hideLoginPanel: function () {
1972            this.setPanelMode(null);
1973        },
1974        showSignUpPanel:function () {
1975            this.setPanelMode(false);
1976        },
1977        checkAutoLogin:function () {
1978            var _this = this;
1979
1980            if(!window.$ && window.jQuery){
1981                window.$ = window.jQuery;
1982            }
1983
1984            $.post("/user/checkState",{},function (json) {
1985                if(200 == json.code){
1986                    window.fjuser.dispatchCallbacks(window.fjuser.eventType.login, true, json);
1987                    window.fjuser.info = json.data;
1988                };
1989                if(json.token){
1990                    window.csrf_token = json.token;
1991                }
1992            })
1993        },
1994        userLogined:function (info) {
1995            this.userInfo = info;
1996            //this.hasLogin = true;
1997            //在直接更新登录状态直接dispatch一下面板状态
1998            this.dispatchPanelEvent(this.isLoginMode,true);
1999            this.hasLogin = true;
2000            if(info.email){
2001                this.setEmailWeb(info.email);
2002            }else if(info.userEmail){ //兼容fotojet
2003                this.setEmailWeb(info.userEmail);
2004            }
2005
2006            if(info.remembertoken){
2007                this.setRememberState(info.remembertoken);
2008            }
2009
2010            this.hideLoginPanel();
2011            this.$refs.fj_login_panel.resetLoading();
2012            if(window.appLoginCallback){
2013                window.appLoginCallback(info);
2014            }
2015            if(window.callbackWhenUserIdChange){
2016                window.callbackWhenUserIdChange();
2017            }
2018        },
2019        setEmailWeb:function (email) {
2020            var emailService = jQuery("#emailService")[0];
2021            //console.log(email);
2022            emailService.href = "http://www." + email.substr(email.indexOf("@") + 1);
2023        },
2024        setRememberState:function (remembertoken) {
2025            is_remember = this.$refs.fj_login_panel.isRemember();
2026            if (is_remember) {
2027                CookieFunc.setCookie('fj_remember', true);
2028                CookieFunc.setCookie('fj_usertoken', remembertoken);
2029            }
2030            else {
2031                CookieFunc.delCookie('fj_remember');
2032                CookieFunc.delCookie('fj_usertoken');
2033            }
2034        },
2035        loading:function () {
2036            this.$refs.fj_login_panel.loading();
2037        },
2038        loaded:function () {
2039            this.$refs.fj_login_panel.loaded();
2040        },
2041        setError:function (text) {
2042            this.$refs.fj_login_panel.setError(text);
2043        },
2044        getQueryVariable:function(variable) {
2045            var query = window.location.search.substring(1);
2046            var vars = query.split("&");
2047            for (var i=0;i<vars.length;i++) {
2048                var pair = vars[i].split("=");
2049                if(pair[0] == variable){return pair[1];}
2050            }
2051            return(false);
2052        },
2053        updatePackInfo:function (data) {
2054            this.userInfo.policy = data.package;
2055            this.userInfo.period = data.period;
2056        },
2057        ensureSDKs: function () {
2058            this.ensureRecaptcha();
2059        },
2060        setUserInfo: function (data) {
2061            $('#user_name').text(data.email);
2062            $('#imgAvatar').attr("src",data.img);
2063            $('#imgAvatarThumb').attr("src",data.img);
2064            window.userInfo = {
2065                img: data.img,
2066                userName: data.name,
2067                userEmail: data.email,
2068            };
2069            if (window.appLoginCallback) {
2070                window.appLoginCallback();
2071            }
2072            if (window.packageLoginCallback) {
2073                window.packageLoginCallback();
2074            }
2075        },
2076        ensureRecaptcha:function () {
2077            if(window.googleRecaptcha.loaded || window.tencentRecaptcha.loaded){
2078                return true;
2079            }
2080
2081            window.loadGoogleRecaptchaSDK();
2082            window.loadFacebookSDK();
2083            window.loadGoogleSDK();
2084            window.loadTencentRecaptchaSDK();
2085
2086            // window.fjuser.getCountryCode().then(code => {
2087            //     if(code && code !== "CN")
2088            //     {
2089            //         window.loadGoogleRecaptchaSDK();
2090            //         window.loadFacebookSDK();
2091            //         window.loadGoogleSDK();
2092            //     } else {
2093            //         window.loadFacebookSDK();
2094            //         window.loadGoogleSDK();
2095            //         window.loadTencentRecaptchaSDK();
2096            //     }
2097            // });
2098        }
2099    },
2100    created: function () {
2101        // `this` 指向 vm 实例
2102        var _this = this;
2103        //create后的回调，不同产品执行不同的处理
2104        if(window.app_fj_login_created_callback){
2105            app_fj_login_created_callback(this);
2106        }
2107
2108        //如果地址栏包含signin或signup且用户未登录，则打开页面弹出登录弹窗
2109        if(!this.userInfo || !this.userInfo.result){
2110            action = this.getQueryVariable("action");
2111            if(action == "signin"){
2112                this.showLoginPanel();
2113            } else if(action == "signup"){

2114                this.showSignUpPanel();
2115            }
2116        }
2117    }
2118});
2119
2120
2121
2122window.loadRecaptcha = function (ele_id,re_name,cb_before,cb_after) {
2123    //加载验证sdk
2124    app_fj_login.ensureSDKs();
2125
2126    // 添加google验证目标方法
2127    window.googleRecaptcha.addTarget(re_name,(data) => {
2128        cb_after(data);
2129    });
2130
2131    //添加腾讯验证的方法
2132    window.tencentRecaptcha.addTarget(re_name,(data)=>{
2133        cb_after(data);
2134    });
2135
2136    //绑定事件
2137    $(document).on("click",ele_id,() => {
2138        data = cb_before();
2139        if(data === false){
2140
2141        }else{
2142            window.recaptchaPost(data,re_name);
2143        }
2144    });
2145};
2146function handleCredentialResponse(response) {
2147    FJTools.post("/user/connectGoogleUser", {token: response.credential}, function (res) {
2148        let result = (res.code === 200);
2149        if(result) {
2150            window.fjuser.info = res.data;
2151            window.csrf_token = res.token;
2152        }
2153
2154        if(res.data.register) {
2155            if (window.ealog) {
2156                window.ealog.addEvent("sign up", {
2157                    "signUpMode": "google",
2158                    "signUpPage": window.location.pathname,
2159                    "signUpAccount": window.fjuser.info.email
2160                })
2161            }
2162            window.fjuser.dispatchCallbacks(window.fjuser.eventType.register, result, res);
2163        } else {
2164            window.fjuser.dispatchCallbacks(window.fjuser.eventType.login, result, res);
2165        }
2166    })
2167}
2168
2169window.onload = function () {
2170    if (window.fjuser && !window.fjuser.info.result) {
2171
2172        let dom = document.createElement("div");
2173        $(dom).attr("id", "google-one-tap");
2174
2175        let path = location.pathname
2176        let style;
2177        if (path.indexOf('/embed') !== -1) {
2178            return false
2179        }
2180        if (path.indexOf('editor/') !== -1) {
2181            style = {
2182                "z-index": "100",
2183                "position": "fixed",
2184                "top": "55px",
2185                "right": 0
2186            }
2187        } else {
2188            style = {
2189                "z-index": "5",
2190                "position": "fixed",
2191                "top": "86px",
2192                "right": 0
2193            }
2194        }
2195        $(dom).css(style);
2196
2197        let loginModule = document.getElementById('login-module')
2198        $(loginModule).after(dom)
2199        try {
2200            google.accounts.id.initialize({
2201                client_id: window.fj.google_auth2_id,
2202                prompt_parent_id: "google-one-tap",
2203                // auto_select: true,
2204                callback: handleCredentialResponse,
2205                // cancel_on_tap_outside: false
2206            });
2207            google.accounts.id.prompt((notification) => {
2208                console.log(notification)
2209                if(!notification.h) {
2210                    document.getElementById('google-one-tap').remove()
2211                    window.fj.event.dispatch("SHOW_APP_LOGIN_TIPS_MODEL")
2212                } else {
2213                    window.fj.event.dispatch("MOVE_SHARE_TOOLS_TOP")
2214                }
2215                if (notification.g) {
2216                    switch (notification.g) {
2217                        case "skipped":
2218                            window.fj.event.dispatch("REDUCTION_SHARE_TOOLS_POSITION")
2219                            break;
2220                    }
2221                }
2222            });
2223        } catch (e) {
2224            document.getElementById('google-one-tap').remove()
2225        }
2226    }
2227};
2228
2229window.fjuser.addListener(window.fjuser.eventType.logout,function (result, response){
2230    if(result) {
2231        try {
2232            google.accounts.id.disableAutoSelect()
2233        } catch (e) {
2234
2235        }
2236    }
2237
2238});
2239
2240//icon components
2241Vue.component('fj-icon-success', {
2242    template: `
2243<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2244	 width="46px" height="46px" viewBox="0 0 46 46" enable-background="new 0 0 46 46" xml:space="preserve">
2245<polygon fill="#52BF8A" points="17.998,34.414 10.584,27 11.999,25.586 17.998,31.586 33.998,15.586 35.412,17 "/>
2246<path fill="#52BF8A" d="M23,46C10.317,46,0,35.684,0,23C0,10.318,10.317,0,23,0c12.684,0,23,10.318,23,23
2247	C45.998,35.684,35.684,46,23,46z M23,2.001C11.421,2.001,2,11.421,2,23s9.421,20.998,21,20.998c11.58,0,20.998-9.419,20.998-20.998
2248	C43.996,11.421,34.578,2.001,23,2.001z"/>
2249</svg>
2250`
2251});
2252
2253Vue.component('fj-icon-delete', {
2254    template: `
2255<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2256    <!-- Generator: sketchtool 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
2257    <title>73E9C865-B140-4020-81F7-4E5628F0F688</title>
2258    <desc>Created with sketchtool.</desc>
2259    <defs></defs>
2260    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2261        <g id="2.9.3-调查窗口3-copy" transform="translate(-284.000000, -173.000000)" fill="#404040">
2262            <path d="M291.364803,178.95059 L295.606827,174.708565 C296.000149,174.315244 295.997968,173.68426 295.607444,173.293735 C295.214197,172.900488 294.583479,172.903487 294.192614,173.294352 L289.95059,177.536376 L285.708565,173.294352 C285.315244,172.90103 284.68426,172.903211 284.293735,173.293735 C283.900488,173.686982 283.903487,174.3177 284.294352,174.708565 L288.536376,178.95059 L284.294352,183.192614 C283.90103,183.585935 283.903211,184.216919 284.293735,184.607444 C284.686982,185.000691 285.3177,184.997692 285.708565,184.606827 L289.95059,180.364803 L294.192614,184.606827 C294.585935,185.000149 295.216919,184.997968 295.607444,184.607444 C296.000691,184.214197 295.997692,183.583479 295.606827,183.192614 L291.364803,178.95059 Z" id="delete"></path>
2263        </g>
2264    </g>
2265</svg>
2266`
2267});
2268
2269Vue.component('fj-icon-back', {
2270    template: `
2271<svg width="17px" height="18px" viewBox="0 0 17 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2272    <!-- Generator: sketchtool 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
2273    <defs></defs>
2274    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2275        <g id="2.9.3-调查窗口3-copy" transform="translate(-169.000000, -57.000000)" fill-rule="nonzero" fill="#6A6E79">
2276            <path d="M173.414214,65 L179.707107,58.7071068 L178.292893,57.2928932 L169.585786,66 L178.292893,74.7071068 L179.707107,73.2928932 L173.414214,67 L186,67 L186,65 L173.414214,65 Z" id="Back"></path>
2277        </g>
2278    </g>
2279</svg>
2280`
2281});
2282
2283Vue.component('fj-icon-step-designcap', {
2284    template: `
2285    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2286         width="12px" height="12px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve">
2287    <title>Shape Copy 15</title>
2288    <desc>Created with Sketch.</desc>
2289    <g id="Page-1">
2290        <g id="pricing" transform="translate(-876.000000, -492.000000)">
2291            <path id="Shape-Copy-15" fill="#EE5C33" d="M892.209,495.001c-0.452,0.013-0.881,0.202-1.197,0.525
2292                c-2.717,2.724-5.438,5.436-8.159,8.16l-3.998-3.336c-0.739-0.614-1.835-0.514-2.451,

22920.224c-0.615,0.738-0.517,1.834,0.22,2.45
2293                l5.222,4.353c0.693,0.577,1.712,0.53,2.348-0.108c3.092-3.099,6.187-6.18,9.285-9.284c0.512-0.501,0.662-1.265,0.383-1.924
2294                C893.58,495.4,892.925,494.98,892.209,495.001L892.209,495.001z"/>
2295        </g>
2296    </g>
2297    </svg>
2298`
2299});
2300
2301Vue.component('fj-icon-step-designevo', {
2302    template: `
2303<svg width="13px" height="9px" viewBox="0 0 13 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2304    <!-- Generator: sketchtool 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
2305    <title>812F623D-E5C8-417F-83CD-9AF088F8D726</title>
2306    <desc>Created with sketchtool.</desc>
2307    <defs></defs>
2308    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2309        <g id="2.9.3-调查窗口-2" transform="translate(-489.000000, -233.000000)" fill-rule="nonzero" fill="#FFFFFF">
2310            <polygon id="Path-3" points="490.353553 236.646447 489.646447 237.353553 494 241.707107 501.353553 234.353553 500.646447 233.646447 494 240.292893"></polygon>
2311        </g>
2312    </g>
2313</svg>
2314`
2315});
2316
2317Vue.component('fj-icon-enterprise', {
2318    template: `
2319<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2320	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2321<g>
2322	<path fill="#404040" d="M54.3,21.6H41.4V7.4c0-0.969-0.73-1.7-1.7-1.7H20.3c-0.969,0-1.7,0.731-1.7,1.7v14.2H5.7
2323		c-0.969,0-1.7,0.731-1.7,1.7v29.3c0,0.97,0.731,1.7,1.7,1.7h14.6h19.4h14.6c0.97,0,1.7-0.73,1.7-1.7V23.3
2324		C56,22.331,55.27,21.6,54.3,21.6z M5,52.6V23.3c0-0.425,0.275-0.7,0.7-0.7h12.9v30c0,0.253,0.052,0.488,0.143,0.7H5.7
2325		C5.275,53.3,5,53.025,5,52.6z M20.3,53.3c-0.425,0-0.7-0.274-0.7-0.7V7.4c0-0.425,0.274-0.7,0.7-0.7h19.4
2326		c0.426,0,0.7,0.274,0.7,0.7v45.2c0,0.426-0.274,0.7-0.7,0.7H20.3z M55,52.6c0,0.426-0.274,0.7-0.7,0.7H41.258
2327		c0.091-0.212,0.143-0.447,0.143-0.7v-30H54.3c0.426,0,0.7,0.274,0.7,0.7V52.6z"/>
2328	<path fill="#404040" d="M34.9,10.3h-9.7c-0.969,0-1.7,0.731-1.7,1.7v6.1c0,0.969,0.731,1.7,1.7,1.7h9.7
2329		c0.969,0,1.699-0.731,1.699-1.7V12C36.6,11.031,35.869,10.3,34.9,10.3z M35.6,18.1c0,0.425-0.274,0.7-0.699,0.7h-9.7
2330		c-0.425,0-0.7-0.274-0.7-0.7V12c0-0.425,0.275-0.7,0.7-0.7h9.7c0.425,0,0.699,0.275,0.699,0.7V18.1z"/>
2331	<rect x="50.1" y="31.8" fill="#404040" width="1" height="15.9"/>
2332	<rect x="29.5" y="34.9" fill="#404040" width="1" height="1.8"/>
2333	<rect x="29.5" y="31.2" fill="#404040" width="1" height="1.8"/>
2334	<rect x="29.5" y="42.2" fill="#404040" width="1" height="1.8"/>
2335	<rect x="29.5" y="38.5" fill="#404040" width="1" height="1.9"/>
2336	<rect x="29.5" y="27.6" fill="#404040" width="1" height="1.8"/>
2337	<rect x="25.9" y="34.9" fill="#404040" width="1" height="1.8"/>
2338	<rect x="25.9" y="31.2" fill="#404040" width="1" height="1.8"/>
2339	<rect x="25.9" y="42.2" fill="#404040" width="1" height="1.8"/>
2340	<rect x="25.9" y="38.5" fill="#404040" width="1" height="1.9"/>
2341	<rect x="25.9" y="27.6" fill="#404040" width="1" height="1.8"/>
2342	<rect x="22.2" y="34.9" fill="#404040" width="1" height="1.8"/>
2343	<rect x="22.2" y="31.2" fill="#404040" width="1" height="1.8"/>
2344	<rect x="22.2" y="42.2" fill="#404040" width="1" height="1.8"/>
2345	<rect x="22.2" y="38.5" fill="#404040" width="1" height="1.9"/>
2346	<rect x="36.8" y="34.9" fill="#404040" width="1" height="1.8"/>
2347	<rect x="36.8" y="31.2" fill="#404040" width="1" height="1.8"/>
2348	<rect x="36.8" y="42.2" fill="#404040" width="1" height="1.8"/>
2349	<rect x="36.8" y="38.5" fill="#404040" width="1" height="1.9"/>
2350	<rect x="33.1" y="27.6" fill="#404040" width="1" height="1.8"/>
2351	<rect x="33.1" y="34.9" fill="#404040" width="1" height="1.8"/>
2352	<rect x="33.1" y="31.2" fill="#404040" width="1" height="1.8"/>
2353	<rect x="33.1" y="42.2" fill="#404040" width="1" height="1.8"/>
2354	<rect x="29.5" y="45.9" fill="#404040" width="1" height="1.8"/>
2355	<rect x="25.9" y="45.9" fill="#404040" width="1" height="1.8"/>
2356	<rect x="22.2" y="45.9" fill="#404040" width="1" height="1.8"/>
2357	<rect x="36.8" y="45.9" fill="#404040" width="1" height="1.8"/>
2358	<rect x="33.1" y="45.9" fill="#404040" width="1" height="1.8"/>
2359	<rect x="33.1" y="38.5" fill="#404040" width="1" height="1.9"/>
2360	<rect x="45.4" y="31.8" fill="#404040" width="1" height="15.9"/>
2361	<rect x="13.7" y="31.8" fill="#404040" width="1" height="15.9"/>
2362	<rect x="8.9" y="31.8" fill="#404040" width="1" height="15.9"/>
2363</g>
2364</svg>
2365`
2366});
2367
2368Vue.component('fj-icon-nonprofit-ngo', {
2369    template: `
2370<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2371	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2372<path fill="#404040" d="M54.9,33.9h-8.7c-0.576,0-1.101,0.524-1.1,1.133l0.156,2.365c-1.136-0.631-5.203-2.694-8.391-1.78
2373	c-1.685,0.468-3.561,1.679-5.546,2.962c-0.159,0.103-0.319,0.205-0.479,0.309l2.045-8.269L32.9,30.5c0-0.373-0.327-0.7-0.7-0.7
2374	H21.703c0.222-0.483,0.406-0.927,0.553-1.337l2.171-3.78c0.025,0.004,0.047,0.018,0.073,0.018l0.982-0.007
2375	c1.457-0.243,2.346-0.614,2.948-1.217c1.103-0.965,1.15-2.49,1.07-3.676c0-0.338-0.295-1.334-0.422-1.747L28.877,17.4l-0.562,0.389
2376	c-0.013,0.009-1.293,0.893-2.555,1.572c-1.106,0.603-1.688,1.36-1.942,2.502C23.6,22.63,23.6,23.295,23.6,24
2377	c0,0.03,0.012,0.056,0.017,0.084l-0.927,1.614c-0.201-1.531-1.34-2.573-3.096-4.163l-0.563-0.511
2378	c-3.116-2.749-1.765-7.537-1.751-7.584c0.077-0.265-0.075-0.542-0.339-0.62c-0.269-0.079-0.542,0.074-0.62,0.338
2379	c-0.044,0.149-0.728,2.574-0.069,5.108c-0.242-0.181-0.473-0.364-0.687-0.536l-0.147-0.118C14.477,16.844,14,15.729,14,14.3
2380	c0-0.769,0.241-1.461,0.647-2.376c0.28-0.56,0.76-1.23,1.426-1.992c0.82-0.922,1.389-1.69,1.757-2.23

2381	c0.14,0.287,0.305,0.611,0.493,0.979c0.16,0.313,0.336,0.659,0.542,1.067c0.711,1.245,1.241,2.271,1.579,3.059
2382	C20.874,13.75,21.1,14.612,21.1,15.3c0,0.832-0.411,1.976-1.112,3.117l-1.1,1.6c-0.156,0.228-0.099,0.539,0.129,0.695
2383	c0.086,0.06,0.185,0.088,0.283,0.088c0.159,0,0.315-0.076,0.413-0.217l1.114-1.621c0.822-1.335,1.274-2.636,1.274-3.663
2384	c0-0.841-0.25-1.819-0.741-2.896c-0.348-0.813-0.895-1.874-1.612-3.127c-0.193-0.387-0.371-0.735-0.532-1.05
2385	c-0.411-0.804-0.708-1.385-0.841-1.785l-0.354-1.061l-0.937,1.641c-0.326,0.489-0.895,1.275-1.76,2.248
2386	c-0.725,0.828-1.253,1.57-1.581,2.227C13.367,12.342,13,13.255,13,14.3c0,1.719,0.617,3.133,1.788,4.091l0.15,0.12
2387	c0.467,0.376,1.049,0.843,1.714,1.224c0.055,0.032,0.113,0.048,0.172,0.058c0.36,0.701,0.858,1.376,1.54,1.978l0.56,0.507
2388	c2.483,2.247,3.364,3.059,2.493,5.591l-1.405-0.961c-0.296-0.591-0.604-1.198-1.031-1.732c-0.668-0.779-1.364-1.344-2.575-1.563
2389	c-1.403-0.301-2.907-0.602-2.907-0.602l-0.701-0.14l0.109,0.707c0.035,0.224,0.212,1.358,0.313,1.661
2390	c0.43,1.504,1.218,2.548,2.284,3.022c0.408,0.175,0.872,0.263,1.392,0.263c0.502,0,1.057-0.083,1.663-0.248
2391	c0.342-0.113,0.583-0.233,0.92-0.458c0.015-0.01,0.024-0.025,0.039-0.037l1.529,1.046c-0.091,0.211-0.189,0.43-0.298,0.663
2392	c-0.047,0.102-0.049,0.209-0.028,0.311H11.1c-0.373,0-0.7,0.327-0.7,0.7l2.511,10.723c-2.11-1.538-4.687-3.291-5.645-3.418
2393	c-1.381-0.192-2.396,0.768-2.674,1.065c-0.21,0.224-0.688,0.803-0.577,1.351c0.152,0.609,10.853,13.123,12.161,13.727
2394	c0.774,0.387,5.28,0.664,9.233,0.664c2.712,0,5.164-0.131,5.972-0.445c0.845-0.328,1.889-1.153,2.994-2.025
2395	c1.332-1.053,2.842-2.245,3.895-2.445c2.009-0.289,7.703,0.492,7.761,0.5c0.023,0.003,0.046-0.005,0.069-0.006l0.1,1.511
2396	c0,0.627,0.473,1.1,1.1,1.1H54.9c0.575,0,1.1-0.524,1.1-1.1V35C56,34.373,55.527,33.9,54.9,33.9z M18.923,26.984
2397	c-0.265,0.176-0.424,0.256-0.655,0.333c-0.983,0.268-1.78,0.277-2.365,0.025c-0.781-0.347-1.376-1.17-1.729-2.401
2398	c-0.036-0.107-0.1-0.444-0.164-0.808c0.567,0.115,1.397,0.286,2.2,0.458c0.944,0.171,1.452,0.582,1.999,1.22
2399	c0.273,0.341,0.499,0.739,0.719,1.167C18.927,26.981,18.925,26.982,18.923,26.984z M26.237,20.24
2400	c0.788-0.424,1.567-0.914,2.074-1.245c0.104,0.378,0.186,0.717,0.19,0.838c0.1,1.491-0.119,2.355-0.754,2.914
2401	c-0.467,0.467-1.194,0.754-2.347,0.954h-0.651c-0.031-0.07-0.078-0.131-0.14-0.181c0.009-0.476,0.038-0.913,0.18-1.411
2402	C24.957,21.351,25.258,20.774,26.237,20.24z M11.484,30.8h20.328l-2.193,8.864c-1.775,1.1-3.534,2.042-5.081,2.24l-1.154,0.14
2403	c-2.906,0.345-5.887,0.704-7.39,1.726c-0.009-0.139-0.069-0.272-0.187-0.364c-0.295-0.229-0.897-0.695-1.654-1.264L11.484,30.8z
2404	 M38.106,48.709c-1.315,0.25-2.858,1.469-4.351,2.646c-1.045,0.825-2.031,1.604-2.737,1.879c-1.667,0.648-13.35,0.342-14.409-0.188
2405	C15.458,52.489,5.977,41.34,5.014,39.982c0.151-0.381,1.079-1.314,2.12-1.188c0.995,0.133,5.471,3.383,8.059,5.399
2406	c0.066,0.052,0.141,0.077,0.218,0.092c-0.01,0.012-0.026,0.021-0.036,0.033c-0.311,0.399-0.436,0.852-0.371,1.345
2407	c0.337,2.589,1.566,2.729,3.122,2.907l0.191,0.021c0.212,0.035,0.473,0.084,0.771,0.139c1.476,0.273,3.751,0.694,5.925,0.694
2408	c1.286,0,2.537-0.147,3.566-0.56c3.124-1.209,7.334-4.233,7.511-4.361c0.225-0.161,0.275-0.474,0.113-0.697
2409	c-0.162-0.226-0.476-0.276-0.697-0.113c-0.043,0.03-4.285,3.077-7.293,4.242c-2.507,1.001-6.854,0.197-8.944-0.188
2410	c-0.305-0.057-0.571-0.105-0.813-0.146l-0.218-0.024c-1.542-0.177-2.008-0.23-2.244-2.043c-0.029-0.225,0.024-0.416,0.169-0.602
2411	c0.88-1.13,4.46-1.556,7.337-1.897l1.162-0.14c2.267-0.291,4.774-1.91,7.2-3.477c1.92-1.24,3.733-2.411,5.274-2.84
2412	c3.245-0.926,7.857,1.82,7.903,1.848c0.09,0.055,0.189,0.067,0.287,0.062l0.706,10.698C45.146,49.068,40.126,48.422,38.106,48.709z
2413	 M55,51.695c-0.006,0.035-0.066,0.097-0.103,0.104H47.3c-0.1,0-0.1-0.053-0.101-0.133l-1.1-16.662
2414	c0.006-0.036,0.069-0.099,0.101-0.104h8.7c0.1,0,0.1,0.053,0.1,0.1V51.695z"/>
2415</svg>
2416`
2417});
2418
2419Vue.component('fj-icon-store', {
2420    template: `
2421<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2422	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2423<g>
2424	<path fill="#404040" d="M33.8,44.2H44c0.262,0,0.477-0.124,0.618-0.3H44.9v-8.7c0-0.479-0.414-0.8-0.801-0.8H33.8
2425		c-0.479,0-0.8,0.413-0.8,0.8v8.2C33,43.872,33.422,44.2,33.8,44.2z M34,35.4h9.9v7.5H43.8v0.3H34V35.4z"/>

2426	<path fill="#404040" d="M56,50.7h-5.811c0.065-0.084,0.11-0.185,0.11-0.3V28.1c0-0.012-0.006-0.022-0.007-0.034
2427		C52.992,27.77,55.1,25.477,55.1,22.7v-5.4v-0.194V17.1c0-0.26-0.201-0.467-0.455-0.491l-7.302-7.967
2428		C47.254,8.451,47.064,8.3,46.8,8.3H13.2c-0.222,0-0.449,0.127-0.548,0.349l-7.32,7.985c-0.15,0.054-0.261,0.178-0.305,0.333
2429		L4.9,17.105V17.3c0,0.11,0.041,0.218,0.1,0.314V22.7c0,2.743,2.058,5.01,4.71,5.351C9.708,28.068,9.7,28.083,9.7,28.1v22.3
2430		c0,0.115,0.045,0.216,0.11,0.3H4c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h52c0.276,0,0.5-0.224,0.5-0.5S56.276,50.7,56,50.7z
2431		 M13.412,9.3h33.177l6.966,7.6H6.445L13.412,9.3z M6,22.7v-4.8h9.3h9.8h9.8h9.8h0.1h9.3v4.8c0,2.426-1.974,4.4-4.399,4.4
2432		c-2.427,0-4.4-1.974-4.4-4.4v-4.3c0-0.276-0.224-0.5-0.5-0.5c-0.018,0-0.032,0.008-0.05,0.01c-0.018-0.002-0.032-0.01-0.05-0.01
2433		c-0.276,0-0.5,0.224-0.5,0.5v4.3c0,2.426-1.974,4.4-4.4,4.4c-2.426,0-4.399-1.974-4.399-4.4v-4.3c0-0.276-0.224-0.5-0.5-0.5
2434		s-0.5,0.224-0.5,0.5v4.3c0,2.426-1.974,4.4-4.4,4.4c-2.426,0-4.4-1.974-4.4-4.4v-4.3c0-0.276-0.224-0.5-0.5-0.5s-0.5,0.224-0.5,0.5
2435		v4.3c0,2.426-1.974,4.4-4.4,4.4s-4.4-1.974-4.4-4.4v-4.3c0-0.276-0.224-0.5-0.5-0.5s-0.5,0.224-0.5,0.5v4.3
2436		c0,2.426-1.974,4.4-4.4,4.4S6,25.126,6,22.7z M10.697,28.085c2.044-0.112,3.786-1.362,4.603-3.129
2437		c0.856,1.853,2.728,3.145,4.9,3.145c2.172,0,4.043-1.292,4.9-3.145c0.856,1.853,2.728,3.145,4.9,3.145s4.044-1.292,4.9-3.145
2438		c0.856,1.853,2.728,3.145,4.899,3.145c2.213,0,4.117-1.339,4.95-3.248c0.783,1.793,2.513,3.079,4.554,3.228
2439		c0,0.007-0.004,0.013-0.004,0.02v22.3c0,0.115,0.045,0.216,0.11,0.3H29.6V35.2c0-0.479-0.414-0.8-0.8-0.8H16
2440		c-0.479,0-0.8,0.413-0.8,0.8v15.5h-4.61c0.065-0.084,0.11-0.185,0.11-0.3V28.1C10.7,28.095,10.697,28.09,10.697,28.085z M28.6,50.7
2441		H16.2V35.4h12.4V50.7z"/>
2442</g>
2443</svg>
2444`
2445});
2446
2447Vue.component('fj-icon-government', {
2448    template: `
2449<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2450	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2451<g>
2452	<path fill="#404040" d="M55.5,48.7h-2v-1.9c0-0.276-0.224-0.5-0.5-0.5h-4.9V25.2H53c0.276,0,0.5-0.224,0.5-0.5v-3.4
2453		c0-0.174-0.091-0.335-0.238-0.426l-23-14.1c-0.16-0.099-0.362-0.098-0.523,0l-22.9,14.1C6.69,20.965,6.6,21.126,6.6,21.3v3.4
2454		c0,0.276,0.224,0.5,0.5,0.5h4.8v21.1H7.1c-0.276,0-0.5,0.224-0.5,0.5v1.9H4.5c-0.276,0-0.5,0.224-0.5,0.5v3.6
2455		c0,0.276,0.224,0.5,0.5,0.5h51c0.276,0,0.5-0.224,0.5-0.5v-3.6C56,48.924,55.776,48.7,55.5,48.7z M47.1,46.3h-3.6V25.2h3.6V46.3z
2456		 M27.2,25.2v21.1h-9.7V25.2H27.2z M28.2,25.2h3.6v21.1h-3.6V25.2z M32.8,25.2h9.7v21.1h-9.7V25.2z M7.6,21.579L30,7.787L52.5,21.58
2457		V24.2H7.6V21.579z M12.9,25.2h3.6v21.1h-3.6V25.2z M55,52.3H5v-2.6h2.1c0.276,0,0.5-0.224,0.5-0.5v-1.9h44.9v1.9
2458		c0,0.276,0.224,0.5,0.5,0.5h2V52.3z"/>
2459	<path fill="#404040" d="M30,13.1c-2.041,0-3.7,1.66-3.7,3.7c0,2.041,1.66,3.7,3.7,3.7c2.04,0,3.7-1.66,3.7-3.7
2460		C33.7,14.76,32.04,13.1,30,13.1z M30,19.5c-1.489,0-2.7-1.211-2.7-2.7s1.211-2.7,2.7-2.7c1.489,0,2.7,1.211,2.7,2.7
2461		S31.489,19.5,30,19.5z"/>
2462</g>
2463</svg>
2464
2465`
2466});
2467
2468//Self-Employed
2469Vue.component('fj-icon-self-employed', {
2470    template: `
2471<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2472	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2473<path fill="#404040" d="M33.177,32.378C38.645,30.951,42.7,25.95,42.7,20c0-7.058-5.697-12.8-12.7-12.8S17.3,12.942,17.3,20
2474	c0,5.95,4.056,10.951,9.523,12.378C17.303,33.915,10,42.205,10,52.2c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5
2475	C11,41.668,19.523,33.1,30,33.1S49,41.668,49,52.2c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5
2476	C50,42.205,42.697,33.915,33.177,32.378z M18.3,20c0-6.506,5.249-11.8,11.7-11.8c6.451,0,11.7,5.293,11.7,11.8S36.451,31.8,30,31.8
2477	C23.548,31.8,18.3,26.506,18.3,20z"/>
2478</svg>
2479
2480`
2481});
2482
2483//community
2484Vue.component('fj-icon-community', {
2485    template: `
2486<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2487	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2488<g>
2489	<path fill="#404040" d="M30,15.9c4.656,0,8.391-7.363,8.547-7.676c0.123-0.247,0.023-0.547-0.224-0.671
2490		c-0.247-0.121-0.547-0.023-0.671,0.224C37.617,7.848,34.045,14.9,30,14.9c-4.039,0-7.617-7.052-7.653-7.124

2491		c-0.124-0.248-0.424-0.346-0.671-0.224c-0.247,0.124-0.347,0.424-0.224,0.671C21.609,8.537,25.345,15.9,30,15.9z"/>
2492	<path fill="#404040" d="M30,10.6c1.819,0,3.3-1.48,3.3-3.3C33.3,5.48,31.819,4,30,4s-3.3,1.48-3.3,3.3
2493		C26.7,9.089,28.211,10.6,30,10.6z M30,5c1.269,0,2.3,1.032,2.3,2.3c0,1.269-1.031,2.3-2.3,2.3c-1.225,0-2.3-1.075-2.3-2.3
2494		C27.7,6.032,28.732,5,30,5z"/>
2495	<path fill="#404040" d="M30,44.1c-4.655,0-8.391,7.363-8.547,7.677c-0.124,0.247-0.023,0.547,0.224,0.671
2496		c0.072,0.036,0.148,0.053,0.223,0.053c0.184,0,0.36-0.102,0.448-0.276C22.383,52.152,25.961,45.1,30,45.1s7.617,7.053,7.652,7.124
2497		c0.124,0.248,0.427,0.349,0.671,0.224c0.247-0.124,0.347-0.424,0.224-0.671C38.391,51.463,34.656,44.1,30,44.1z"/>
2498	<path fill="#404040" d="M30,49.4c-1.819,0-3.3,1.48-3.3,3.3S28.181,56,30,56s3.3-1.48,3.3-3.3C33.3,50.911,31.789,49.4,30,49.4z
2499		 M30,55c-1.268,0-2.3-1.031-2.3-2.3s1.032-2.3,2.3-2.3c1.226,0,2.3,1.074,2.3,2.3C32.3,53.969,31.269,55,30,55z"/>
2500	<path fill="#404040" d="M52.126,37.653C52.056,37.618,45.1,34.047,45.1,30c0-4.041,6.957-7.619,7.027-7.654
2501		c0.246-0.125,0.344-0.426,0.22-0.672c-0.126-0.247-0.426-0.345-0.672-0.22C51.365,21.611,44.1,25.347,44.1,30
2502		c0,4.654,7.266,8.389,7.575,8.546c0.072,0.036,0.149,0.054,0.226,0.054c0.182,0,0.357-0.101,0.446-0.274
2503		C52.472,38.079,52.373,37.778,52.126,37.653z"/>
2504	<path fill="#404040" d="M52.7,26.7c-1.819,0-3.3,1.48-3.3,3.3s1.48,3.3,3.3,3.3S56,31.819,56,30S54.52,26.7,52.7,26.7z M52.7,32.3
2505		c-1.269,0-2.3-1.031-2.3-2.3c0-1.268,1.031-2.3,2.3-2.3S55,28.732,55,30C55,31.269,53.969,32.3,52.7,32.3z"/>
2506	<path fill="#404040" d="M15.9,30c0-4.653-7.265-8.389-7.574-8.546c-0.247-0.127-0.548-0.027-0.672,0.22
2507		c-0.125,0.246-0.026,0.547,0.22,0.672C7.944,22.381,14.9,25.954,14.9,30c0,4.041-6.956,7.618-7.026,7.653
2508		c-0.246,0.125-0.345,0.426-0.22,0.673C7.742,38.5,7.918,38.6,8.101,38.6c0.076,0,0.153-0.018,0.226-0.054
2509		C8.635,38.389,15.9,34.654,15.9,30z"/>
2510	<path fill="#404040" d="M10.6,30c0-1.819-1.48-3.3-3.3-3.3C5.48,26.7,4,28.181,4,30s1.48,3.3,3.3,3.3
2511		C9.12,33.3,10.6,31.819,10.6,30z M7.3,32.3C6.032,32.3,5,31.269,5,30c0-1.268,1.032-2.3,2.3-2.3c1.269,0,2.3,1.032,2.3,2.3
2512		C9.6,31.269,8.568,32.3,7.3,32.3z"/>
2513	<path fill="#404040" d="M8.642,20.674c0.202,0.067,3.2,1.048,6.249,1.048c1.935,0,3.89-0.395,5.164-1.668
2514		c3.28-3.281,0.731-11.082,0.621-11.412c-0.087-0.262-0.369-0.405-0.632-0.316c-0.262,0.087-0.403,0.37-0.316,0.632
2515		c0.025,0.075,2.469,7.54-0.379,10.389c-2.846,2.844-10.313,0.404-10.389,0.379c-0.261-0.085-0.545,0.055-0.632,0.317
2516		C8.238,20.304,8.38,20.587,8.642,20.674z"/>
2517	<path fill="#404040" d="M14.05,17.225c0.859,0,1.677-0.345,2.303-0.972c1.292-1.292,1.292-3.315,0-4.607
2518		c-1.253-1.253-3.354-1.252-4.607,0c-1.292,1.292-1.292,3.315,0,4.607C12.373,16.88,13.191,17.225,14.05,17.225z M12.454,12.354
2519		c0.438-0.438,1.004-0.679,1.597-0.679c0.592,0,1.159,0.241,1.596,0.679c0.91,0.91,0.91,2.283,0,3.193
2520		c-0.875,0.875-2.318,0.875-3.193,0C11.543,14.636,11.543,13.264,12.454,12.354z"/>
2521	<path fill="#404040" d="M51.358,39.325c-0.331-0.11-8.133-2.659-11.412,0.621c-3.28,3.281-0.731,11.082-0.621,11.412
2522		c0.07,0.209,0.266,0.342,0.475,0.342c0.053,0,0.105-0.008,0.158-0.025c0.262-0.088,0.403-0.371,0.316-0.633
2523		c-0.025-0.075-2.47-7.54,0.379-10.389c2.845-2.847,10.314-0.403,10.389-0.379c0.263,0.087,0.545-0.055,0.633-0.316
2524		C51.762,39.695,51.62,39.413,51.358,39.325z"/>
2525	<path fill="#404040" d="M43.63,43.764c-1.165,1.282-1.165,3.291,0,4.572c0.571,0.629,1.403,0.988,2.282,0.988
2526		c0.871,0,1.724-0.354,2.342-0.971c1.291-1.291,1.291-3.315,0-4.607C47,42.493,44.915,42.478,43.63,43.764z M47.547,47.646
2527		c-0.862,0.86-2.4,0.869-3.177,0.018c-0.823-0.905-0.822-2.323-0.017-3.211c0.438-0.438,1.004-0.678,1.597-0.678
2528		c0.592,0,1.159,0.24,1.597,0.678C48.457,45.363,48.457,46.736,47.547,47.646z"/>
2529	<path fill="#404040" d="M39.946,19.954c1.274,1.274,3.229,1.669,5.164,1.668c3.048,0,6.046-0.98,6.248-1.048
2530		c0.262-0.087,0.403-0.37,0.316-0.632c-0.088-0.262-0.37-0.399-0.633-0.316c-0.074,0.026-7.544,2.464-10.389-0.379
2531		c-2.845-2.845-0.404-10.313-0.379-10.388c0.087-0.262-0.055-0.545-0.316-0.632c-0.261-0.085-0.545,0.054-0.633,0.316
2532		C39.215,8.873,36.666,16.673,39.946,19.954z"/>
2533	<path fill="#404040" d="M45.95,17.125c0.858,0,1.677-0.345,2.304-0.972c1.291-1.292,1.291-3.315,0-4.607

2534		c-1.254-1.254-3.355-1.252-4.607,0c-1.23,1.231-1.237,3.247,0,4.607C44.272,16.78,45.091,17.125,45.95,17.125z M44.354,12.253
2535		c0.438-0.438,1.004-0.679,1.597-0.679c0.592,0,1.159,0.241,1.597,0.679c0.91,0.91,0.91,2.283,0,3.193
2536		c-0.876,0.875-2.336,0.857-3.177,0.017C43.494,14.5,43.487,13.12,44.354,12.253z"/>
2537	<path fill="#404040" d="M20.054,40.047c-3.278-3.278-11.169-0.829-11.504-0.724c-0.263,0.083-0.409,0.364-0.326,0.627
2538		c0.083,0.264,0.362,0.409,0.627,0.326c0.076-0.022,7.644-2.375,10.496,0.478c2.845,2.845,0.404,10.313,0.379,10.388
2539		c-0.087,0.263,0.055,0.545,0.317,0.633c0.052,0.018,0.105,0.025,0.158,0.025c0.209,0,0.404-0.133,0.474-0.342
2540		C20.785,51.128,23.334,43.327,20.054,40.047z"/>
2541	<path fill="#404040" d="M11.747,43.746c-0.626,0.627-0.972,1.445-0.972,2.304c0,0.859,0.345,1.678,0.972,2.304
2542		s1.444,0.971,2.304,0.971c0.859,0,1.677-0.345,2.303-0.971c1.189-1.189,1.197-3.291,0-4.607
2543		C15.1,42.493,12.999,42.495,11.747,43.746z M15.646,47.646c-0.875,0.876-2.318,0.874-3.193,0c-0.438-0.438-0.679-1.004-0.679-1.597
2544		c0-0.592,0.241-1.159,0.679-1.597s1.004-0.678,1.597-0.678c0.592,0,1.159,0.24,1.58,0.66
2545		C16.448,45.337,16.456,46.837,15.646,47.646z"/>
2546</g>
2547</svg>
2548
2549`
2550});
2551
2552//school-university
2553Vue.component('fj-icon-school-university', {
2554    template: `
2555<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2556	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2557<path fill="#404040" d="M59.881,23.876c-0.021-0.025-0.046-0.048-0.072-0.069c0,0,0,0,0,0c-0.033-0.026-0.069-0.047-0.107-0.064
2558	l-29.39-13.695C30.245,10.016,30.173,10,30.1,10h-0.2c-0.073,0-0.145,0.016-0.211,0.047l-29.4,13.7C0.113,23.829,0,24.105,0,24.3
2559	s0.113,0.371,0.289,0.453l11.705,5.455L7.1,32.342c-0.183,0.079-0.3,0.259-0.3,0.458v16.7c0,0.276,0.224,0.5,0.5,0.5
2560	s0.5-0.224,0.5-0.5V33.127l5.403-2.356l0.712,0.332c-0.005,0-0.009-0.003-0.015-0.003c-0.276,0-0.5,0.224-0.5,0.5v10.5
2561	c0,0.084,0.021,0.167,0.062,0.241C15.817,46.623,22.463,49.5,30,49.5c7.537,0,14.184-2.877,16.538-7.159
2562	c0.04-0.074,0.062-0.157,0.062-0.241V31.6c0-0.276-0.224-0.5-0.5-0.5s-0.5,0.224-0.5,0.5v10.369C43.391,45.82,37.005,48.5,30,48.5
2563	c-7.004,0-13.39-2.68-15.6-6.531V31.6c0-0.129-0.052-0.244-0.132-0.332l15.421,7.186c0.066,0.031,0.139,0.047,0.211,0.047h0.2
2564	c0.073,0,0.146-0.017,0.212-0.048l29.223-13.716c0.257-0.021,0.461-0.267,0.465-0.529c0,0,0,0,0,0v0c0-0.002,0-0.005,0-0.007
2565	c0-0.001,0-0.003,0-0.004c0,0,0-0.001,0-0.001c0,0,0,0,0-0.001C59.998,24.072,59.954,23.961,59.881,23.876z M30,37.495
2566	l-15.574-7.258L30.2,23.358c0.253-0.11,0.369-0.405,0.259-0.658c-0.11-0.253-0.406-0.37-0.658-0.259l-16.584,7.233L1.577,24.25
2567	L30,11.005l28.319,13.197L30,37.495z"/>
2568</svg>
2569
2570`
2571});
2572
2573//other
2574Vue.component('fj-icon-other', {
2575    template: `
2576<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2577	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2578<g>
2579	<path fill="#404040" d="M51.672,47.166c-0.902-1.004-1.552-2.065-2.104-3.44C53.122,39.718,55,34.976,55,30
2580		C55,17.814,43.785,7.9,30,7.9S5,17.814,5,30c0,12.139,11.258,22.098,25.096,22.2c0.001,0,0.002,0,0.004,0
2581		c4.738,0,9.417-1.195,13.533-3.458c1.802,1.05,4.025,1.657,6.452,1.758l3.5,0.1c0.005,0,0.01,0,0.015,0c0.009,0,0.014,0,0.02,0
2582		c0.276,0,0.5-0.224,0.5-0.5c0-0.171-0.086-0.322-0.217-0.412L51.672,47.166z M50.12,49.5c-2.339-0.097-4.469-0.693-6.159-1.727
2583		C43.883,47.726,43.792,47.7,43.7,47.7H43.6c-0.307,0-0.479,0.109-0.575,0.235c-3.938,2.136-8.402,3.265-12.922,3.265
2584		C16.813,51.101,6,41.591,6,30C6,18.365,16.767,8.9,30,8.9S54,18.365,54,30c0,4.77-1.823,9.322-5.254,13.146
2585		c-0.257,0.257-0.289,0.586-0.11,0.939c0.599,1.495,1.306,2.651,2.29,3.745l1.535,1.736L50.12,49.5z"/>
2586	<path fill="#404040" d="M28.9,17.7c-1.972,0-3.908,0.827-5.312,2.268c-1.398,1.435-2.14,3.298-2.088,5.245
2587		c0.008,0.277,0.266,0.483,0.513,0.487c0.276-0.007,0.494-0.237,0.487-0.513c-0.044-1.675,0.597-3.281,1.805-4.521
2588		c1.217-1.249,2.892-1.965,4.595-1.965c3.108,0,5.761,2.182,6.308,5.188c0.477,2.667-0.591,5.233-2.789,6.699

2589		C30.09,32.174,28.7,34.833,28.7,37.7v0.6c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5v-0.6c0-2.536,1.227-4.886,3.277-6.284
2590		c2.53-1.688,3.762-4.639,3.215-7.706C35.559,20.228,32.491,17.7,28.9,17.7z"/>
2591	<path fill="#404040" d="M29.3,40.6c-0.4,0-0.7,0.301-0.7,0.7c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7
2592		C30,40.9,29.7,40.6,29.3,40.6z"/>
2593</g>
2594</svg>
2595
2596`
2597});
2598
2599//hr-admin
2600Vue.component('fj-icon-hr-admin', {
2601    template: `
2602<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2603	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2604<g>
2605	<path fill="#404040" d="M55.754,43.047l-0.086-0.086l-1.778-0.563l-0.315-0.655l-0.037-0.111l0.715-1.519l0.048-0.564l-0.084-0.126
2606		c-0.692-1.04-1.602-1.788-2.316-2.323L51.666,37H51.5l-1.826,0.765l-0.018-0.006c-0.184-0.15-0.363-0.21-0.499-0.256
2607		c-0.045-0.015-0.09-0.028-0.198-0.076l-0.572-1.648C48.349,35.601,48.209,35.3,47.7,35.3H44.6c-0.286,0-0.497,0.19-0.555,0.249
2608		l-0.085,0.086l-0.562,1.775l-0.655,0.315l-0.111,0.037l-1.519-0.715L40.549,37l-0.126,0.084c-1.038,0.691-1.786,1.601-2.323,2.316
2609		L38,39.533v0.078c-0.079,0.189-0.053,0.389,0.075,0.56l0.69,1.467l-0.339,0.703l-1.648,0.573C36.601,42.952,36.3,43.092,36.3,43.6
2610		V46.7c0,0.284,0.189,0.496,0.247,0.554l0.086,0.087l1.777,0.561l0.315,0.656l0.037,0.11l-0.715,1.52L38,50.751l0.084,0.126
2611		c0.691,1.038,1.601,1.786,2.316,2.323l0.232,0.1H40.8l1.832-0.767l0.711,0.342l0.572,1.647C43.953,54.7,44.093,55,44.6,55H47.7
2612		c0.283,0,0.494-0.187,0.552-0.244l0.088-0.087l0.562-1.779l0.767-0.353l1.52,0.715l0.563,0.048l0.126-0.084
2613		c1.04-0.692,1.788-1.602,2.323-2.316l0.1-0.134v-0.076c0.08-0.19,0.054-0.39-0.075-0.562l-0.689-1.466l0.34-0.705l1.647-0.571
2614		C55.7,47.348,56,47.208,56,46.7V43.6C56,43.315,55.812,43.104,55.754,43.047z M55,46.503L53.106,47.1l-0.481,1.144l-0.162,0.489
2615		l0.813,1.73c-0.447,0.583-1.038,1.273-1.805,1.818l-1.739-0.818L48.1,52.106L47.502,54h-2.704l-0.599-1.894l-1.142-0.481
2616		l-0.484-0.16l-1.77,0.786c-0.577-0.445-1.251-1.029-1.785-1.779l0.818-1.739l-0.19-0.557l-0.272-0.535L39.193,47.1L37.3,46.502
2617		v-2.703l1.894-0.599l0.481-1.143l0.162-0.49l-0.813-1.729c0.448-0.585,1.04-1.275,1.805-1.819l1.739,0.818l0.559-0.19l0.533-0.272
2618		l0.541-0.181l0.599-1.894h2.703l0.598,1.894l0.478,0.154c0.088,0.044,0.176,0.075,0.265,0.104c0.115,0.038,0.157,0.054,0.205,0.102
2619		l0.084,0.084l0.596,0.197l1.77-0.786c0.576,0.444,1.251,1.027,1.785,1.779l-0.818,1.739l0.19,0.559l0.18,0.357l0.273,0.716
2620		L55,43.798V46.503z"/>
2621	<path fill="#404040" d="M22.1,28.5c-5.459,0-9.9,4.441-9.9,9.9s4.441,9.899,9.9,9.899S32,43.859,32,38.4S27.559,28.5,22.1,28.5z
2622		 M22.1,47.3c-4.907,0-8.9-3.992-8.9-8.899s3.993-8.9,8.9-8.9s8.9,3.993,8.9,8.9S27.007,47.3,22.1,47.3z"/>
2623	<path fill="#404040" d="M22.1,31.8c-3.523,0-6.5,3.022-6.5,6.601c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5
2624		c0-3.036,2.519-5.601,5.5-5.601c0.276,0,0.5-0.224,0.5-0.5S22.376,31.8,22.1,31.8z"/>
2625	<path fill="#404040" d="M46.1,40.7c-2.481,0-4.5,2.019-4.5,4.5s2.019,4.5,4.5,4.5s4.5-2.019,4.5-4.5S48.581,40.7,46.1,40.7z
2626		 M46.1,48.7c-1.93,0-3.5-1.57-3.5-3.5s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S48.029,48.7,46.1,48.7z"/>
2627	<path fill="#404040" d="M34.5,29.3c0.373,0,0.7-0.327,0.7-0.7v-8.483l1.364-0.642C36.744,19.424,37,19.269,37,18.8v-5.4
2628		c0-1.669-1.287-3.16-2.944-3.397l-0.189-0.021l0.098-0.196C34.193,9.214,34.3,8.646,34.3,8c0-2.371-1.929-4.3-4.3-4.3
2629		S25.7,5.629,25.7,8c0,0.602,0.123,1.253,0.353,1.824l0.08,0.159l-0.203,0.022C24.232,10.248,23,11.675,23,13.4v5.4
2630		c0,0.47,0.256,0.625,0.436,0.675l1.364,0.642v5.265c-0.872-0.183-1.774-0.282-2.7-0.282c-1.47,0-2.879,0.253-4.2,0.702v-5.685
2631		l1.364-0.642C19.443,19.424,19.7,19.27,19.7,18.8v-5.4c0-1.669-1.287-3.16-2.945-3.397l-0.189-0.021l0.098-0.196
2632		C16.894,9.212,17,8.645,17,8c0-2.371-1.929-4.3-4.3-4.3c-2.411,0-4.3,1.845-4.3,4.2c0,0.741,0.146,1.314,0.453,1.824l0.08,0.159
2633		L8.729,9.905C7.032,10.147,5.8,11.575,5.8,13.3v5.4c0,0.463,0.25,0.62,0.428,0.673L7.5,20.009V28.5c0,0.373,0.327,0.7,0.7,0.7h4.39
2634		c-2.28,2.392-3.69,5.63-3.69,9.2c0,2.202,0.542,4.275,1.486,6.106l-1.942,1.941c-0.291,0.294-0.291,0.81-0.002,1.102l0.89,0.91
2635		l-5.084,5.086c-0.142,0.141-0.223,0.343-0.223,0.555c0,0.211,0.081,0.413,0.222,0.553l1.499,1.499
2636		c0.141,0.142,0.343,0.223,0.555,0.223c0.211,0,0.413-0.081,0.553-0.222l5.056-5.057l0.836,0.855
2637		c0.141,0.142,0.343,0.223,0.554,0.223c0.212,0,0.414-0.081,0.554-0.222l1.898-1.898C17.637,51.102,19.8,51.7,22.1,51.7
2638		c7.278,0,13.2-5.966,13.2-13.3c0-3.521-1.375-6.719-3.6-9.101H34.5z M24,18.636V13.4c0-1.222,0.871-2.233,2.055-2.403l1.613-0.18
2639		l-0.704-1.403C26.799,9.001,26.7,8.473,26.7,8c0-1.819,1.48-3.3,3.3-3.3s3.3,1.48,3.3,3.3c0,0.522-0.081,0.958-0.247,

26391.376
2640		l-0.722,1.441l1.599,0.178C35.071,11.158,36,12.237,36,13.4v5.236l-1.8,0.846V28.3h-2.8c-0.193,0-0.355,0.112-0.438,0.272
2641		c-1.462-1.339-3.216-2.356-5.162-2.93v-6.159L24,18.636z M6.8,18.541V13.3c0-1.222,0.871-2.233,2.055-2.403l1.613-0.18l-0.74-1.475
2642		C9.498,8.858,9.4,8.457,9.4,7.9c0-1.794,1.45-3.2,3.3-3.2C14.52,4.7,16,6.181,16,8c0,0.521-0.082,0.958-0.247,1.376l-0.721,1.441
2643		l1.598,0.178c1.142,0.163,2.071,1.242,2.071,2.405l0,5.236l-1.8,0.847V25.9c0,0.091,0.031,0.171,0.073,0.245
2644		c-1.288,0.549-2.465,1.308-3.507,2.219c-0.091-0.099-0.22-0.164-0.365-0.164H8.5v-8.809L6.8,18.541z M6.3,55.293L5.107,54.1
2645		l4.924-4.924l1.18,1.206L6.3,55.293z M13.302,51.091l-3.997-4.089l1.595-1.596c1.017,1.643,2.37,3.05,3.975,4.111L13.302,51.091z
2646		 M22.1,50.7c-2.292,0-4.431-0.652-6.265-1.765l-0.189-0.189l-0.045,0.045c-1.625-1.036-2.986-2.446-3.973-4.112l0.025-0.025
2647		l-0.102-0.103C10.508,42.739,9.9,40.643,9.9,38.4c0-6.782,5.473-12.3,12.2-12.3s12.2,5.518,12.2,12.3S28.827,50.7,22.1,50.7z"/>
2648	<path fill="#404040" d="M28.6,13.4h1.215c-0.126,0.091-0.215,0.232-0.215,0.4v3.9c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5
2649		v-3.9c0-0.168-0.088-0.309-0.215-0.4H31.6c0.276,0,0.5-0.224,0.5-0.5s-0.224-0.5-0.5-0.5h-3c-0.276,0-0.5,0.224-0.5,0.5
2650		S28.324,13.4,28.6,13.4z"/>
2651	<path fill="#404040" d="M11.3,13.4h1.115c-0.127,0.091-0.215,0.232-0.215,0.4v3.9c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5
2652		v-3.9c0-0.168-0.088-0.309-0.215-0.4H14.2c0.276,0,0.5-0.224,0.5-0.5s-0.224-0.5-0.5-0.5h-2.9c-0.276,0-0.5,0.224-0.5,0.5
2653		S11.023,13.4,11.3,13.4z"/>
2654	<path fill="#404040" d="M40.836,19.375l1.364,0.643V28.5c0,0.379,0.32,0.7,0.7,0.7H51.8c0.38,0,0.7-0.321,0.7-0.7v-8.482
2655		l1.332-0.627c0.295-0.043,0.568-0.241,0.568-0.69v-5.4c0-1.668-1.287-3.16-2.944-3.397l-0.189-0.021l0.099-0.197
2656		C51.594,9.111,51.7,8.543,51.7,7.9c0-2.371-1.929-4.3-4.3-4.3S43.1,5.529,43.1,7.9c0,0.601,0.123,1.251,0.354,1.824l0.079,0.159
2657		L43.33,9.905c-1.698,0.243-2.93,1.67-2.93,3.395v5.4C40.4,19.169,40.656,19.324,40.836,19.375z M41.4,13.3
2658		c0-1.222,0.871-2.233,2.056-2.403l1.611-0.18l-0.703-1.403C44.198,8.9,44.1,8.371,44.1,7.9c0-1.819,1.48-3.3,3.301-3.3
2659		c1.819,0,3.3,1.48,3.3,3.3c0,0.52-0.081,0.956-0.247,1.376l-0.722,1.441l1.598,0.178c1.143,0.163,2.071,1.242,2.071,2.405v5.188
2660		l-1.9,0.895V28.2h-8.3v-8.817l-1.8-0.847V13.3z"/>
2661	<path fill="#404040" d="M46,13.4h1.215C47.088,13.491,47,13.632,47,13.8v3.9c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5v-3.9
2662		c0-0.168-0.088-0.309-0.215-0.4H48.9c0.276,0,0.5-0.224,0.5-0.5s-0.224-0.5-0.5-0.5H46c-0.276,0-0.5,0.224-0.5,0.5
2663		S45.724,13.4,46,13.4z"/>
2664</g>
2665</svg>
2666
2667`
2668});
2669
2670//it-engineering
2671Vue.component('fj-icon-it-engineering', {
2672    template: `
2673<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2674	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2675<g>
2676	<path fill="#404040" d="M47.1,33.7c0-3.529-2.826-6.4-6.3-6.4h-2.989c0.053-0.321,0.09-0.675,0.09-1c0-3.529-2.826-6.4-6.301-6.4
2677		c-2.454,0-4.567,1.339-5.714,3.6H25.5c-2.491,0-4.792,1.513-5.832,3.8H19.2c-3.474,0-6.3,2.871-6.3,6.4
2678		c0,3.528,2.826,6.399,6.3,6.399h21.6C44.273,40.1,47.1,37.229,47.1,33.7z M40.8,39.1H19.2c-2.922,0-5.3-2.422-5.3-5.399
2679		s2.378-5.4,5.3-5.4h1.141l0.125-0.318c0.815-2.083,2.838-3.482,5.034-3.482h1.022l0.133-0.293c0.941-2.071,2.79-3.307,4.944-3.307
2680		c2.923,0,5.301,2.422,5.301,5.4c0,0.469-0.1,1.036-0.186,1.379L36.561,28.3H40.8c2.922,0,5.3,2.423,5.3,5.4
2681		C46.1,36.627,43.673,39.1,40.8,39.1z"/>
2682	<path fill="#404040" d="M30.5,49v-6.3c0-0.276-0.224-0.5-0.5-0.5s-0.5,0.224-0.5,0.5V49c0,0.276,0.224,0.5,0.5,0.5
2683		S30.5,49.276,30.5,49z"/>
2684	<path fill="#404040" d="M29.5,11v7.5c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5V11c0-0.276-0.224-0.5-0.5-0.5
2685		S29.5,10.724,29.5,11z"/>
2686	<path fill="#404040" d="M30,9c2.15,0,3.9-1.794,3.9-4S32.15,1,30,1s-3.9,1.794-3.9,4S27.85,9,30,9z M30,2c1.6,0,2.9,1.346,2.9,3
2687		S31.6,8,30,8c-1.599,0-2.9-1.346-2.9-3S28.401,2,30,2z"/>
2688	<path fill="#404040" d="M30,51c-2.15,0-3.9,1.794-3.9,4s1.75,4,3.9,4s3.9-1.794,3.9-4S32.15,51,30,51z M30,58
2689		c-1.599,0-2.9-1.346-2.9-3s1.301-3,2.9-3c1.6,0,2.9,1.346,2.9,3S31.6,58,30,58z"/>
2690	<path fill="#404040" d="M45.457,40.671l-0.5-0.3c-0.233-0.142-0.543-0.065-0.686,0.172c-0.143,0.236-0.065,0.544,0.172,0.686
2691		l0.5,0.3c0.08,0.049,0.169,0.071,0.257,0.071c0.169,0,0.335-0.087,0.429-0.243C45.771,41.12,45.694,40.813,45.457,40.671z"/>
2692	<path fill="#404040" d="M20.406,23.604c0.089,0.064,0.192,0.096,0.294,0.096c0.154,0,0.307-0.071,0.405-0.206
2693		c0.163-0.223,0.113-0.536-0.11-0.699l-5.9-4.3c-0.223-0.162-0.536-0.114-0.699,0.11c-0.163,0.223-0.113,0.536,0.11,0.699
2694		L20.406,23.604z"/>
2695	<path fill="#404040" d="M9.9,19.3c2.15,0,3.9-1.794,3.9-4s-1.75-4-3.9-4S6,13.094,6,15.3S7.75,19.3,9.9,19.3z M9.9,12.3
2696		c1.599,0,2.9,1.346,2.9,3s-1.301,3-2.9,3S7,16.954,7,15.3S8.301,12.3,9.9,12.3z"/>
2697	<path fill="#404040" d="M50.1,40.7c-2.15,0-3.899,1.794-3.899,4s1.749,4,3.899,4s3.9-1.794,3.9-4S52.25,40.7,50.1,40.7z M50.1,47.7
2698		c-1.599,0-2.899-1.346-2.899-3s1.301-3,2.899-3c1.6,0,2.9,1.346,2.9,3S51.699,47.7,50.1,47.7z"/>
2699	<path fill="#404040" d="M15.335,40.176l-0.8,0.5c-0.234,0.146-0.305,0.454-0.159,0.688c0.095,0.152,0.258,0.235,0.424,0.235
2700		c0.09,0,0.182-0.024,0.265-0.076l0.8-0.5c0.234-0.146,0.305-0.454,0.159-0.688C15.877,40.1,15.57,40.029,15.335,40.176z"/>
2701	<path fill="#404040" d="M39.2,23.7c0.102,0,0.203-0.03,0.291-0.094l6-4.3c0.225-0.161,0.276-0.473,0.115-0.698
2702		c-0.161-0.226-0.476-0.275-0.697-0.115l-6,4.3c-0.225,0.161-0.276,0.473-0.115,0.698C38.892,23.628,39.045,23.7,39.2,23.7z"/>
2703	<path fill="#404040" d="M50.1,19.3c2.15,0,3.9-1.794,3.9-4s-1.75-4-3.9-4s-3.899,1.794-3.899,4S47.949,19.3,50.1,19.3z M50.1,12.3
2704		c1.6,0,2.9,1.346,2.9,3s-1.301,3-2.9,3c-1.599,0-2.899-1.346-2.899-3S48.501,12.3,50.1,12.3z"/>
2705	<path fill="#404040" d="M9.9,40.7c-2.15,0-3.9,1.794-3.9,4s1.75,4,3.9,4s3.9-1.794,3.9-4S12.05,40.7,9.9,40.7z M9.9,47.7
2706		c-1.599,0-2.9-1.346-2.9-3s1.301-3,2.9-3s2.9,1.346,2.9,3S11.499,47.7,9.9,47.7z"/>
2707</g>
2708</svg>
2709
2710`
2711});
2712
2713//designer
2714Vue.component('fj-icon-designer', {
2715    template: `
2716<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2717	 width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
2718<g>
2719	<path fill="#404040" d="M24.6,34c6.121,0,11.1-5.024,11.1-11.2c0-1.137,0-2.854-1.344-3.829c-1.215-0.73-2.791-0.343-4.21,1.075
2720		c-0.778,0.778-2.015,0.778-2.793,0C26.976,19.668,26.8,19.209,26.8,18.6c0-0.504,0.193-0.991,0.567-1.461
2721		c1.459-1.58,1.52-2.759,1.407-3.397c-0.261-0.784-0.883-1.455-1.751-1.89C26.318,11.5,25.366,11.5,24.6,11.5
2722		c-6.224,0-11.1,4.963-11.1,11.3C13.5,28.976,18.479,34,24.6,34z M24.6,12.5c0.625,0,1.482,0,1.976,0.247
2723		c0.62,0.31,1.075,0.788,1.23,1.235c0.051,0.308,0.04,1.165-1.197,2.505c-0.537,0.672-0.81,1.383-0.81,2.113