ionic-coreo/dist/components/login/login.component.template.metadata.json

Ionic2 module for integration with Coreo

[{"__symbolic":"module","version":3,"metadata":{"DEFAULT_TEMPLATE":"\n<ion-header>\n  <ion-navbar>\n    <ion-title>Sign in</ion-title>\n    <ion-buttons end>\n      <button ion-button icon-only (click)=\"close()\">\n        <ion-icon name=\"close\"></ion-icon>\n      </button>\n    </ion-buttons>\n  </ion-navbar>\n</ion-header>\n\n<ion-content>\n    <ion-grid class=\"coreo-login-container\">\n        <ion-row *ngIf=\"imageUrl\" padding-vertical>\n            <ion-col width-100>\n                <img class=\"login-app-img\" [src]=\"imageUrl\" />\n            </ion-col>\n        </ion-row>\n        <ion-row>\n            <ion-col width-100>\n                <button ion-button [disabled]=\"isLoggingIn\" block outline (click)=\"google($event)\" icon-left class=\"login-button-google\">\n                    <ion-icon name=\"logo-google\"></ion-icon>\n                    <ion-label>Sign in with Google</ion-label>\n                </button>\n            </ion-col>\n        </ion-row>\n        <ion-row>\n            <ion-col width-100>\n                <button ion-button [disabled]=\"isLoggingIn\" block outline (click)=\"facebook($event)\" icon-left class=\"login-button-facebook\">\n                    <ion-icon name=\"logo-facebook\"></ion-icon>\n                    <ion-label>Sign in with Facebook</ion-label>\n                </button>\n            </ion-col>\n        </ion-row>\n\n        <ion-row class=\"login-or-row\">\n            <ion-col width-33><hr/></ion-col>\n            <ion-col width-33 class=\"login-or\">OR</ion-col>\n            <ion-col width-33><hr/></ion-col>\n        </ion-row>\n\n        <ion-row>\n            <ion-col width-100>\n                <button ion-button [disabled]=\"isLoggingIn\" block outline (click)=\"email($event)\" icon-left class=\"login-button-local\">\n                    <ion-icon name=\"at\"></ion-icon>\n                    <ion-label>Sign in with Email</ion-label>\n                </button>\n            </ion-col>\n        </ion-row>\n\n        <ion-row padding-vertical>\n            <ion-col width-100 (click)=\"coreoInfo()\" class=\"coreo-info\">\n                <p class=\"coreo-info-powered-by\">Powered by</p>\n                <div class=\"coreo-logo-container\">\n                    <svg class=\"coreo-logo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1220 740\"><defs><style>.a,.b{fill:#195ed1;}.a{opacity:0.56;}</style></defs><title>Artboard 1</title><path class=\"a\" d=\"M758.6 55.6c6.32 28.3-5 72.33-33.25 126.07-33.1 63.07-85.79 134.06-150.38 203q-13.33-14.58-27.56-28.87c-55.52-55.52-115.4-101-171.58-130.66C451 151.73 529.8 91.74 599.07 55.39c44.11-23.15 81.69-35 109.39-35 12.9 0 23.63 2.59 31.91 7.76v-6.23c-28.5-15.31-78.7-5.43-143.79 28.72-70.1 36.78-149.85 97.55-225.73 171.86q-12.18-6.26-24.09-11.49c-30.55-13.41-57.84-20.79-80.89-22.12a32.65 32.65 0 0 1 .66 5.3c28.3 1.81 62.79 13 100.36 32.2q-3.13 3.09-6.24 6.2c-49.51 49.51-93.39 100.94-128.71 150.48-42-76-53.21-141.37-22.72-171.85A56.27 56.27 0 0 1 234 197.11v-5.51c-11.36 3-21 8.25-28.52 15.82-26.18 26.18-24.91 76.38 3.59 141.34 5.61 12.78 12.17 25.85 19.55 39.08-19.62 27.74-36.38 54.86-49.92 80.67-38.9 74.14-46.32 129-20.88 154.41 9.93 9.93 24.33 14.85 42.62 14.85 13 0 28-2.51 44.64-7.45a32.37 32.37 0 0 1-1.94-5.12c-37.77 11-66.25 9.2-81.53-6.08-23.29-23.29-15.34-77.28 21.83-148.12a727.35 727.35 0 0 1 48-78c29.56 51.7 71.77 105.86 122.32 156.41q6.86 6.86 13.82 13.5c-19.82 13-39.21 24.58-57.89 34.39q-18.39 9.65-35.18 16.64v5.85q17.88-7.38 37.68-17.74c19.17-10.06 39.07-21.93 59.4-35.36 60.22 57 124.45 101.9 182.82 127.51q14.63 6.42 28.22 11a32.34 32.34 0 0 1 1.28-5.05C523.18 679.54 448 631.45 376.2 563.66c56-37.53 115.25-86.86 172-143.56q13.68-13.68 26.76-27.54C686.82 516.6 739.09 646.91 692 694c-16.64 16.64-43.68 20.86-77.15 14.44v5.3a153 153 0 0 0 28 2.81c22.46 0 40.45-6.24 53-18.75 26.18-26.19 24.91-76.38-3.59-141.34C668.72 502.9 629 444.44 578.6 388.66c65-69.38 118.15-140.91 151.51-204.49 30-57.16 41.25-102.83 33.18-132.42a32.93 32.93 0 0 1-4.69 3.85zM544.36 416.3c-56.81 56.81-116.13 106.15-172.15 143.56q-7.33-7-14.6-14.26c-52.18-52.18-94.12-106.95-122.76-157.36 35.39-49.93 79.59-101.87 129.59-151.87q3.72-3.72 7.45-7.4c54.25 28.55 114.54 73.44 171.72 130.62Q558 374 571.3 388.57q-13.16 13.94-26.94 27.73z\"/><path class=\"b\" d=\"M730.83 406.35q5.47 30.15 27.17 48.84t51.69 18.69a75 75 0 0 0 67.1-39.34h48.74q-16.61 40-46.44 61.2t-69.39 21.2q-26.67 0-48.74-9.4a120 120 0 0 1-40-28.19 130 130 0 0 1-26.34-41.2 126.89 126.89 0 0 1-9.5-48 129 129 0 0 1 8.63-47.43 126.55 126.55 0 0 1 25.46-40.21A116.8 116.8 0 0 1 808.86 263a121.65 121.65 0 0 1 58.9 14.75 125.31 125.31 0 0 1 44.91 41.2 123.16 123.16 0 0 1 15.52 36q5 19.56 5 44.69v6.78zm155-38.9q-8.08-29.72-28-46t-47.64-16.28q-28.41 0-49.29 16.72t-28.74 45.57zm75.11 23.16a130.47 130.47 0 0 1 8.64-47.75A121.26 121.26 0 0 1 995 303a130.3 130.3 0 0 1 40.9-30 111.44 111.44 0 0 1 47.21-10.49 121.35 121.35 0 0 1 89.17 37.15 129.94 129.94 0 0 1 27.21 40.87 120.73 120.73 0 0 1 9.5 47 134.76 134.76 0 0 1-8.85 48.08 128.41 128.41 0 0 1-66 71.36 116.21 116.21 0 0 1-48.63 10.38 123 123 0 0 1-48.74-9.5 120 120 0 0 1-40-28.09 129.8 129.8 0 0 1-26.34-41.2 126.79 126.79 0 0 1-9.49-47.95zm44.81-.44q0 36.06 22.84 60.1t56.93 24q33.43 0 56.06-24.15t22.62-60.43q0-36.5-22.62-60.32t-56.5-23.82q-33.66 0-56.49 24.15t-22.84 60.47zm-684.21-.95q0 31.77 20.12 53t50.16 21.18q29.46 0 49.39-21.28t19.93-53.24q0-32.16-19.93-53.15t-49.78-21q-29.65 0-49.78 21.28t-20.11 53.21zm-71.26 39.42q-15.08 43.5-44.8 65.89t-72.34 22.4q-26.88 0-48.74-9.29a118.44 118.44 0 0 1-39.56-27.87 129.8 129.8 0 0 1-26.34-41.2 126.35 126.35 0 0 1 24.59-135.16 127.81 127.81 0 0 1 41.75-30.16A121 121 0 0 1 134.45 263q41.3 0 71.69 22.84T250.28 350h-47.43q-11.36-22.07-29.28-33t-42.83-11q-32.14 0-54.54 24.29t-22.4 59.88q0 36.06 22.73 60.1t56.6 24a73.85 73.85 0 0 0 41.09-11.91q18.36-11.91 28.63-33.77zM234 176.52a19.24 19.24 0 1 0 19.24 19.24A19.26 19.26 0 0 0 234 176.52zM740.36 9.27a19.24 19.24 0 1 0 19.24 19.24 19.26 19.26 0 0 0-19.24-19.24zM614.85 729.93a19.24 19.24 0 1 0-19.24-19.24 19.26 19.26 0 0 0 19.24 19.24zm-340.29-94.38a19.24 19.24 0 1 0-19.24-19.24 19.26 19.26 0 0 0 19.24 19.24zM602.52 511.5h-43V356.94c0-29.27 8-50.74 24.55-65.61 27.92-25.15 74.17-24.18 120-19.38 0 0-22.1 41-31.46 40.6-23.93-1.07-48.45.5-59.77 10.69-2.56 2.3-10.34 9.31-10.34 33.7z\"/></svg>\n                    <ion-icon name=\"help-circle\" class=\"coreo-info-icon\"></ion-icon>\n                </div>\n            </ion-col>\n        </ion-row>\n\n    </ion-grid>\n</ion-content>\n","SHARED_STYLES":"\n    .login-spinner {\n        text-align: center;\n        padding: 10px 0px;\n    }\n\n    .login-error{\n        background-color: #d9534f;\n        padding: 20px;\n        color: #fff;\n        font-weight: 700;\n        border-radius: 2px;\n    }\n","DEFAULT_STYLES":"\n    :host{\n        height: 100%;\n    }\n\n    .coreo-login-container{\n        width: 85%;\n    }\n\n    .login-or-row{\n        margin: 10px;\n    }\n\n    .login-or{\n        line-height: 20px;\n        text-align: center;\n    }\n\n    .login-app-img{\n        max-height: 120px;\n        display: block;\n        margin: 0 auto;\n        border-radius: 10px;\n    }\n\n    .login-button-facebook {\n        color: #3b5998;\n        border-color: #3b5998;\n    }\n\n    .login-button-google {\n        color: #dd4b39;\n        border-color: #dd4b39;\n    }\n\n    .coreo-info{\n        text-align: center;\n    }\n\n    .coreo-info-powered-by {\n        margin: 6px 0;\n    }\n\n    .coreo-logo-container{\n        width: 80px;\n        margin: 0 auto;\n        position: relative;\n        cursor: pointer;\n    }\n\n    .coreo-logo{\n        width: 100%;\n        height: auto;\n    }\n    .coreo-info-icon{\n        position: absolute;\n        top: 2px;\n        right: -12px;\n        font-size: 16px;\n        color: #a2a2a2;\n    }\n"}},{"__symbolic":"module","version":1,"metadata":{"DEFAULT_TEMPLATE":"\n<ion-header>\n  <ion-navbar>\n    <ion-title>Sign in</ion-title>\n    <ion-buttons end>\n      <button ion-button icon-only (click)=\"close()\">\n        <ion-icon name=\"close\"></ion-icon>\n      </button>\n    </ion-buttons>\n  </ion-navbar>\n</ion-header>\n\n<ion-content>\n    <ion-grid class=\"coreo-login-container\">\n        <ion-row *ngIf=\"imageUrl\" padding-vertical>\n            <ion-col width-100>\n                <img class=\"login-app-img\" [src]=\"imageUrl\" />\n            </ion-col>\n        </ion-row>\n        <ion-row>\n            <ion-col width-100>\n                <button ion-button [disabled]=\"isLoggingIn\" block outline (click)=\"google($event)\" icon-left class=\"login-button-google\">\n                    <ion-icon name=\"logo-google\"></ion-icon>\n                    <ion-label>Sign in with Google</ion-label>\n                </button>\n            </ion-col>\n        </ion-row>\n        <ion-row>\n            <ion-col width-100>\n                <button ion-button [disabled]=\"isLoggingIn\" block outline (click)=\"facebook($event)\" icon-left class=\"login-button-facebook\">\n                    <ion-icon name=\"logo-facebook\"></ion-icon>\n                    <ion-label>Sign in with Facebook</ion-label>\n                </button>\n            </ion-col>\n        </ion-row>\n\n        <ion-row class=\"login-or-row\">\n            <ion-col width-33><hr/></ion-col>\n            <ion-col width-33 class=\"login-or\">OR</ion-col>\n            <ion-col width-33><hr/></ion-col>\n        </ion-row>\n\n        <ion-row>\n            <ion-col width-100>\n                <button ion-button [disabled]=\"isLoggingIn\" block outline (click)=\"email($event)\" icon-left class=\"login-button-local\">\n                    <ion-icon name=\"at\"></ion-icon>\n                    <ion-label>Sign in with Email</ion-label>\n                </button>\n            </ion-col>\n        </ion-row>\n\n        <ion-row padding-vertical>\n            <ion-col width-100 (click)=\"coreoInfo()\" class=\"coreo-info\">\n                <p class=\"coreo-info-powered-by\">Powered by</p>\n                <div class=\"coreo-logo-container\">\n                    <svg class=\"coreo-logo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1220 740\"><defs><style>.a,.b{fill:#195ed1;}.a{opacity:0.56;}</style></defs><title>Artboard 1</title><path class=\"a\" d=\"M758.6 55.6c6.32 28.3-5 72.33-33.25 126.07-33.1 63.07-85.79 134.06-150.38 203q-13.33-14.58-27.56-28.87c-55.52-55.52-115.4-101-171.58-130.66C451 151.73 529.8 91.74 599.07 55.39c44.11-23.15 81.69-35 109.39-35 12.9 0 23.63 2.59 31.91 7.76v-6.23c-28.5-15.31-78.7-5.43-143.79 28.72-70.1 36.78-149.85 97.55-225.73 171.86q-12.18-6.26-24.09-11.49c-30.55-13.41-57.84-20.79-80.89-22.12a32.65 32.65 0 0 1 .66 5.3c28.3 1.81 62.79 13 100.36 32.2q-3.13 3.09-6.24 6.2c-49.51 49.51-93.39 100.94-128.71 150.48-42-76-53.21-141.37-22.72-171.85A56.27 56.27 0 0 1 234 197.11v-5.51c-11.36 3-21 8.25-28.52 15.82-26.18 26.18-24.91 76.38 3.59 141.34 5.61 12.78 12.17 25.85 19.55 39.08-19.62 27.74-36.38 54.86-49.92 80.67-38.9 74.14-46.32 129-20.88 154.41 9.93 9.93 24.33 14.85 42.62 14.85 13 0 28-2.51 44.64-7.45a32.37 32.37 0 0 1-1.94-5.12c-37.77 11-66.25 9.2-81.53-6.08-23.29-23.29-15.34-77.28 21.83-148.12a727.35 727.35 0 0 1 48-78c29.56 51.7 71.77 105.86 122.32 156.41q6.86 6.86 13.82 13.5c-19.82 13-39.21 24.58-57.89 34.39q-18.39 9.65-35.18 16.64v5.85q17.88-7.38 37.68-17.74c19.17-10.06 39.07-21.93 59.4-35.36 60.22 57 124.45 101.9 182.82 127.51q14.63 6.42 28.22 11a32.34 32.34 0 0 1 1.28-5.05C523.18 679.54 448 631.45 376.2 563.66c56-37.53 115.25-86.86 172-143.56q13.68-13.68 26.76-27.54C686.82 516.6 739.09 646.91 692 694c-16.64 16.64-43.68 20.86-77.15 14.44v5.3a153 153 0 0 0 28 2.81c22.46 0 40.45-6.24 53-18.75 26.18-26.19 24.91-76.38-3.59-141.34C668.72 502.9 629 444.44 578.6 388.66c65-69.38 118.15-140.91 151.51-204.49 30-57.16 41.25-102.83 33.18-132.42a32.93 32.93 0 0 1-4.69 3.85zM544.36 416.3c-56.81 56.81-116.13 106.15-172.15 143.56q-7.33-7-14.6-14.26c-52.18-52.18-94.12-106.95-122.76-157.36 35.39-49.93 79.59-101.87 129.59-151.87q3.72-3.72 7.45-7.4c54.25 28.55 114.54 73.44 171.72 130.62Q558 374 571.3 388.57q-13.16 13.94-26.94 27.73z\"/><path class=\"b\" d=\"M730.83 406.35q5.47 30.15 27.17 48.84t51.69 18.69a75 75 0 0 0 67.1-39.34h48.74q-16.61 40-46.44 61.2t-69.39 21.2q-26.67 0-48.74-9.4a120 120 0 0 1-40-28.19 130 130 0 0 1-26.34-41.2 126.89 126.89 0 0 1-9.5-48 129 129 0 0 1 8.63-47.43 126.55 126.55 0 0 1 25.46-40.21A116.8 116.8 0 0 1 808.86 263a121.65 121.65 0 0 1 58.9 14.75 125.31 125.31 0 0 1 44.91 41.2 123.16 123.16 0 0 1 15.52 36q5 19.56 5 44.69v6.78zm155-38.9q-8.08-29.72-28-46t-47.64-16.28q-28.41 0-49.29 16.72t-28.74 45.57zm75.11 23.16a130.47 130.47 0 0 1 8.64-47.75A121.26 121.26 0 0 1 995 303a130.3 130.3 0 0 1 40.9-30 111.44 111.44 0 0 1 47.21-10.49 121.35 121.35 0 0 1 89.17 37.15 129.94 129.94 0 0 1 27.21 40.87 120.73 120.73 0 0 1 9.5 47 134.76 134.76 0 0 1-8.85 48.08 128.41 128.41 0 0 1-66 71.36 116.21 116.21 0 0 1-48.63 10.38 123 123 0 0 1-48.74-9.5 120 120 0 0 1-40-28.09 129.8 129.8 0 0 1-26.34-41.2 126.79 126.79 0 0 1-9.49-47.95zm44.81-.44q0 36.06 22.84 60.1t56.93 24q33.43 0 56.06-24.15t22.62-60.43q0-36.5-22.62-60.32t-56.5-23.82q-33.66 0-56.49 24.15t-22.84 60.47zm-684.21-.95q0 31.77 20.12 53t50.16 21.18q29.46 0 49.39-21.28t19.93-53.24q0-32.16-19.93-53.15t-49.78-21q-29.65 0-49.78 21.28t-20.11 53.21zm-71.26 39.42q-15.08 43.5-44.8 65.89t-72.34 22.4q-26.88 0-48.74-9.29a118.44 118.44 0 0 1-39.56-27.87 129.8 129.8 0 0 1-26.34-41.2 126.35 126.35 0 0 1 24.59-135.16 127.81 127.81 0 0 1 41.75-30.16A121 121 0 0 1 134.45 263q41.3 0 71.69 22.84T250.28 350h-47.43q-11.36-22.07-29.28-33t-42.83-11q-32.14 0-54.54 24.29t-22.4 59.88q0 36.06 22.73 60.1t56.6 24a73.85 73.85 0 0 0 41.09-11.91q18.36-11.91 28.63-33.77zM234 176.52a19.24 19.24 0 1 0 19.24 19.24A19.26 19.26 0 0 0 234 176.52zM740.36 9.27a19.24 19.24 0 1 0 19.24 19.24 19.26 19.26 0 0 0-19.24-19.24zM614.85 729.93a19.24 19.24 0 1 0-19.24-19.24 19.26 19.26 0 0 0 19.24 19.24zm-340.29-94.38a19.24 19.24 0 1 0-19.24-19.24 19.26 19.26 0 0 0 19.24 19.24zM602.52 511.5h-43V356.94c0-29.27 8-50.74 24.55-65.61 27.92-25.15 74.17-24.18 120-19.38 0 0-22.1 41-31.46 40.6-23.93-1.07-48.45.5-59.77 10.69-2.56 2.3-10.34 9.31-10.34 33.7z\"/></svg>\n                    <ion-icon name=\"help-circle\" class=\"coreo-info-icon\"></ion-icon>\n                </div>\n            </ion-col>\n        </ion-row>\n\n    </ion-grid>\n</ion-content>\n","SHARED_STYLES":"\n    .login-spinner {\n        text-align: center;\n        padding: 10px 0px;\n    }\n\n    .login-error{\n        background-color: #d9534f;\n        padding: 20px;\n        color: #fff;\n        font-weight: 700;\n        border-radius: 2px;\n    }\n","DEFAULT_STYLES":"\n    :host{\n        height: 100%;\n    }\n\n    .coreo-login-container{\n        width: 85%;\n    }\n\n    .login-or-row{\n        margin: 10px;\n    }\n\n    .login-or{\n        line-height: 20px;\n        text-align: center;\n    }\n\n    .login-app-img{\n        max-height: 120px;\n        display: block;\n        margin: 0 auto;\n        border-radius: 10px;\n    }\n\n    .login-button-facebook {\n        color: #3b5998;\n        border-color: #3b5998;\n    }\n\n    .login-button-google {\n        color: #dd4b39;\n        border-color: #dd4b39;\n    }\n\n    .coreo-info{\n        text-align: center;\n    }\n\n    .coreo-info-powered-by {\n        margin: 6px 0;\n    }\n\n    .coreo-logo-container{\n        width: 80px;\n        margin: 0 auto;\n        position: relative;\n        cursor: pointer;\n    }\n\n    .coreo-logo{\n        width: 100%;\n        height: auto;\n    }\n    .coreo-info-icon{\n        position: absolute;\n        top: 2px;\n        right: -12px;\n        font-size: 16px;\n        color: #a2a2a2;\n    }\n"}}]