diff --git a/etc/acl.xml b/etc/acl.xml index f424424..b423ff9 100755 --- a/etc/acl.xml +++ b/etc/acl.xml @@ -1,11 +1,13 @@ - - - - - - - - - + + + + + + + + + + + diff --git a/view/frontend/layout/pagseguro_direct_payment.xml b/view/frontend/layout/pagseguro_direct_payment.xml deleted file mode 100755 index 27b3885..0000000 --- a/view/frontend/layout/pagseguro_direct_payment.xml +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - diff --git a/view/frontend/templates/direct/payment.phtml b/view/frontend/templates/direct/payment.phtml deleted file mode 100644 index e69de29..0000000 diff --git a/view/frontend/web/css/styles.css b/view/frontend/web/css/styles.css index 067cb29..d68b224 100644 --- a/view/frontend/web/css/styles.css +++ b/view/frontend/web/css/styles.css @@ -1,763 +1,92 @@ -button { +#payment-method-pagseguro button { overflow: visible; } -button, -select { +#payment-method-pagseguro button, +#payment-method-pagseguro select { text-transform: none; } -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { +#payment-method-pagseguro button { -webkit-appearance: button; cursor: pointer; } -button[disabled], -html input[disabled] { - cursor: default; -} -button::-moz-focus-inner, -input::-moz-focus-inner { +#payment-method-pagseguro button::-moz-focus-inner, +#payment-method-pagseguro input::-moz-focus-inner { border: 0; padding: 0; } -input { +#payment-method-pagseguro input { line-height: normal; } -input[type="checkbox"], -input[type="radio"] { +#payment-method-pagseguro input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -input[type="search"] { - -webkit-appearance: textfield; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -.row { +#payment-method-pagseguro .row { margin-left: -15px; margin-right: -15px; } -.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { +#payment-method-pagseguro .col-sm-2, #payment-method-pagseguro .col-sm-5, #payment-method-pagseguro .col-sm-6, #payment-method-pagseguro .col-md-8, #payment-method-pagseguro .col-sm-10, #payment-method-pagseguro .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } -.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { +#payment-method-pagseguro .col-xs-12 { float: left; } -.col-xs-12 { +#payment-method-pagseguro .col-xs-12 { width: 100%; } -.col-xs-11 { - width: 91.66666667%; -} -.col-xs-10 { - width: 83.33333333%; -} -.col-xs-9 { - width: 75%; -} -.col-xs-8 { - width: 66.66666667%; -} -.col-xs-7 { - width: 58.33333333%; -} -.col-xs-6 { - width: 50%; -} -.col-xs-5 { - width: 41.66666667%; -} -.col-xs-4 { - width: 33.33333333%; -} -.col-xs-3 { - width: 25%; -} -.col-xs-2 { - width: 16.66666667%; -} -.col-xs-1 { - width: 8.33333333%; -} -.col-xs-pull-12 { - right: 100%; -} -.col-xs-pull-11 { - right: 91.66666667%; -} -.col-xs-pull-10 { - right: 83.33333333%; -} -.col-xs-pull-9 { - right: 75%; -} -.col-xs-pull-8 { - right: 66.66666667%; -} -.col-xs-pull-7 { - right: 58.33333333%; -} -.col-xs-pull-6 { - right: 50%; -} -.col-xs-pull-5 { - right: 41.66666667%; -} -.col-xs-pull-4 { - right: 33.33333333%; -} -.col-xs-pull-3 { - right: 25%; -} -.col-xs-pull-2 { - right: 16.66666667%; -} -.col-xs-pull-1 { - right: 8.33333333%; -} -.col-xs-pull-0 { - right: auto; -} -.col-xs-push-12 { - left: 100%; -} -.col-xs-push-11 { - left: 91.66666667%; -} -.col-xs-push-10 { - left: 83.33333333%; -} -.col-xs-push-9 { - left: 75%; -} -.col-xs-push-8 { - left: 66.66666667%; -} -.col-xs-push-7 { - left: 58.33333333%; -} -.col-xs-push-6 { - left: 50%; -} -.col-xs-push-5 { - left: 41.66666667%; -} -.col-xs-push-4 { - left: 33.33333333%; -} -.col-xs-push-3 { - left: 25%; -} -.col-xs-push-2 { - left: 16.66666667%; -} -.col-xs-push-1 { - left: 8.33333333%; -} -.col-xs-push-0 { - left: auto; -} -.col-xs-offset-12 { - margin-left: 100%; -} -.col-xs-offset-11 { - margin-left: 91.66666667%; -} -.col-xs-offset-10 { - margin-left: 83.33333333%; -} -.col-xs-offset-9 { - margin-left: 75%; -} -.col-xs-offset-8 { - margin-left: 66.66666667%; -} -.col-xs-offset-7 { - margin-left: 58.33333333%; -} -.col-xs-offset-6 { - margin-left: 50%; -} -.col-xs-offset-5 { - margin-left: 41.66666667%; -} -.col-xs-offset-4 { - margin-left: 33.33333333%; -} -.col-xs-offset-3 { - margin-left: 25%; -} -.col-xs-offset-2 { - margin-left: 16.66666667%; -} -.col-xs-offset-1 { - margin-left: 8.33333333%; -} -.col-xs-offset-0 { - margin-left: 0%; -} @media (min-width: 768px) { - .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + #payment-method-pagseguro .col-sm-2, #payment-method-pagseguro .col-sm-5, #payment-method-pagseguro .col-sm-6, #payment-method-pagseguro .col-sm-10 { float: left; } - .col-sm-12 { - width: 100%; - } - .col-sm-11 { - width: 91.66666667%; - } - .col-sm-10 { + #payment-method-pagseguro .col-sm-10 { width: 83.33333333%; } - .col-sm-9 { - width: 75%; - } - .col-sm-8 { - width: 66.66666667%; - } - .col-sm-7 { - width: 58.33333333%; - } - .col-sm-6 { + #payment-method-pagseguro .col-sm-6 { width: 50%; } - .col-sm-5 { + #payment-method-pagseguro .col-sm-5 { width: 41.66666667%; } - .col-sm-4 { - width: 33.33333333%; - } - .col-sm-3 { - width: 25%; - } - .col-sm-2 { + #payment-method-pagseguro .col-sm-2 { width: 16.66666667%; } - .col-sm-1 { - width: 8.33333333%; - } - .col-sm-pull-12 { - right: 100%; - } - .col-sm-pull-11 { - right: 91.66666667%; - } - .col-sm-pull-10 { - right: 83.33333333%; - } - .col-sm-pull-9 { - right: 75%; - } - .col-sm-pull-8 { - right: 66.66666667%; - } - .col-sm-pull-7 { - right: 58.33333333%; - } - .col-sm-pull-6 { - right: 50%; - } - .col-sm-pull-5 { - right: 41.66666667%; - } - .col-sm-pull-4 { - right: 33.33333333%; - } - .col-sm-pull-3 { - right: 25%; - } - .col-sm-pull-2 { - right: 16.66666667%; - } - .col-sm-pull-1 { - right: 8.33333333%; - } - .col-sm-pull-0 { - right: auto; - } - .col-sm-push-12 { - left: 100%; - } - .col-sm-push-11 { - left: 91.66666667%; - } - .col-sm-push-10 { - left: 83.33333333%; - } - .col-sm-push-9 { - left: 75%; - } - .col-sm-push-8 { - left: 66.66666667%; - } - .col-sm-push-7 { - left: 58.33333333%; - } - .col-sm-push-6 { - left: 50%; - } - .col-sm-push-5 { - left: 41.66666667%; - } - .col-sm-push-4 { - left: 33.33333333%; - } - .col-sm-push-3 { - left: 25%; - } - .col-sm-push-2 { - left: 16.66666667%; - } - .col-sm-push-1 { - left: 8.33333333%; - } - .col-sm-push-0 { - left: auto; - } - .col-sm-offset-12 { - margin-left: 100%; - } - .col-sm-offset-11 { - margin-left: 91.66666667%; - } - .col-sm-offset-10 { - margin-left: 83.33333333%; - } - .col-sm-offset-9 { - margin-left: 75%; - } - .col-sm-offset-8 { - margin-left: 66.66666667%; - } - .col-sm-offset-7 { - margin-left: 58.33333333%; - } - .col-sm-offset-6 { - margin-left: 50%; - } - .col-sm-offset-5 { - margin-left: 41.66666667%; - } - .col-sm-offset-4 { - margin-left: 33.33333333%; - } - .col-sm-offset-3 { - margin-left: 25%; - } - .col-sm-offset-2 { - margin-left: 16.66666667%; - } - .col-sm-offset-1 { + #payment-method-pagseguro .col-sm-offset-1 { margin-left: 8.33333333%; } - .col-sm-offset-0 { - margin-left: 0%; - } } @media (min-width: 992px) { - .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { - float: left; - } - .col-md-12 { - width: 100%; - } - .col-md-11 { - width: 91.66666667%; - } - .col-md-10 { - width: 83.33333333%; - } - .col-md-9 { - width: 75%; - } - .col-md-8 { - width: 66.66666667%; - } - .col-md-7 { - width: 58.33333333%; - } - .col-md-6 { - width: 50%; - } - .col-md-5 { - width: 41.66666667%; - } - .col-md-4 { - width: 33.33333333%; - } - .col-md-3 { - width: 25%; - } - .col-md-2 { - width: 16.66666667%; - } - .col-md-1 { - width: 8.33333333%; - } - .col-md-pull-12 { - right: 100%; - } - .col-md-pull-11 { - right: 91.66666667%; - } - .col-md-pull-10 { - right: 83.33333333%; - } - .col-md-pull-9 { - right: 75%; - } - .col-md-pull-8 { - right: 66.66666667%; - } - .col-md-pull-7 { - right: 58.33333333%; - } - .col-md-pull-6 { - right: 50%; - } - .col-md-pull-5 { - right: 41.66666667%; - } - .col-md-pull-4 { - right: 33.33333333%; - } - .col-md-pull-3 { - right: 25%; - } - .col-md-pull-2 { - right: 16.66666667%; - } - .col-md-pull-1 { - right: 8.33333333%; - } - .col-md-pull-0 { - right: auto; - } - .col-md-push-12 { - left: 100%; - } - .col-md-push-11 { - left: 91.66666667%; - } - .col-md-push-10 { - left: 83.33333333%; - } - .col-md-push-9 { - left: 75%; - } - .col-md-push-8 { - left: 66.66666667%; - } - .col-md-push-7 { - left: 58.33333333%; - } - .col-md-push-6 { - left: 50%; - } - .col-md-push-5 { - left: 41.66666667%; - } - .col-md-push-4 { - left: 33.33333333%; - } - .col-md-push-3 { - left: 25%; - } - .col-md-push-2 { - left: 16.66666667%; - } - .col-md-push-1 { - left: 8.33333333%; - } - .col-md-push-0 { - left: auto; - } - .col-md-offset-12 { - margin-left: 100%; - } - .col-md-offset-11 { - margin-left: 91.66666667%; - } - .col-md-offset-10 { - margin-left: 83.33333333%; - } - .col-md-offset-9 { - margin-left: 75%; - } - .col-md-offset-8 { - margin-left: 66.66666667%; - } - .col-md-offset-7 { - margin-left: 58.33333333%; - } - .col-md-offset-6 { - margin-left: 50%; - } - .col-md-offset-5 { - margin-left: 41.66666667%; - } - .col-md-offset-4 { - margin-left: 33.33333333%; - } - .col-md-offset-3 { - margin-left: 25%; - } - .col-md-offset-2 { - margin-left: 16.66666667%; - } - .col-md-offset-1 { - margin-left: 8.33333333%; - } - .col-md-offset-0 { - margin-left: 0%; - } -} -@media (min-width: 1200px) { - .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + #payment-method-pagseguro .col-md-8 { float: left; } - .col-lg-12 { - width: 100%; - } - .col-lg-11 { - width: 91.66666667%; - } - .col-lg-10 { - width: 83.33333333%; - } - .col-lg-9 { - width: 75%; - } - .col-lg-8 { + #payment-method-pagseguro .col-md-8 { width: 66.66666667%; } - .col-lg-7 { - width: 58.33333333%; - } - .col-lg-6 { - width: 50%; - } - .col-lg-5 { - width: 41.66666667%; - } - .col-lg-4 { - width: 33.33333333%; - } - .col-lg-3 { - width: 25%; - } - .col-lg-2 { - width: 16.66666667%; - } - .col-lg-1 { - width: 8.33333333%; - } - .col-lg-pull-12 { - right: 100%; - } - .col-lg-pull-11 { - right: 91.66666667%; - } - .col-lg-pull-10 { - right: 83.33333333%; - } - .col-lg-pull-9 { - right: 75%; - } - .col-lg-pull-8 { - right: 66.66666667%; - } - .col-lg-pull-7 { - right: 58.33333333%; - } - .col-lg-pull-6 { - right: 50%; - } - .col-lg-pull-5 { - right: 41.66666667%; - } - .col-lg-pull-4 { - right: 33.33333333%; - } - .col-lg-pull-3 { - right: 25%; - } - .col-lg-pull-2 { - right: 16.66666667%; - } - .col-lg-pull-1 { - right: 8.33333333%; - } - .col-lg-pull-0 { - right: auto; - } - .col-lg-push-12 { - left: 100%; - } - .col-lg-push-11 { - left: 91.66666667%; - } - .col-lg-push-10 { - left: 83.33333333%; - } - .col-lg-push-9 { - left: 75%; - } - .col-lg-push-8 { - left: 66.66666667%; - } - .col-lg-push-7 { - left: 58.33333333%; - } - .col-lg-push-6 { - left: 50%; - } - .col-lg-push-5 { - left: 41.66666667%; - } - .col-lg-push-4 { - left: 33.33333333%; - } - .col-lg-push-3 { - left: 25%; - } - .col-lg-push-2 { - left: 16.66666667%; - } - .col-lg-push-1 { - left: 8.33333333%; - } - .col-lg-push-0 { - left: auto; - } - .col-lg-offset-12 { - margin-left: 100%; - } - .col-lg-offset-11 { - margin-left: 91.66666667%; - } - .col-lg-offset-10 { - margin-left: 83.33333333%; - } - .col-lg-offset-9 { - margin-left: 75%; - } - .col-lg-offset-8 { - margin-left: 66.66666667%; - } - .col-lg-offset-7 { - margin-left: 58.33333333%; - } - .col-lg-offset-6 { - margin-left: 50%; - } - .col-lg-offset-5 { - margin-left: 41.66666667%; - } - .col-lg-offset-4 { - margin-left: 33.33333333%; - } - .col-lg-offset-3 { - margin-left: 25%; - } - .col-lg-offset-2 { + #payment-method-pagseguro .col-md-offset-2 { margin-left: 16.66666667%; } - .col-lg-offset-1 { - margin-left: 8.33333333%; - } - .col-lg-offset-0 { - margin-left: 0%; - } -} -fieldset { - padding: 0; - margin: 0; - border: 0; - min-width: 0; -} -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: inherit; - color: #333333; - border: 0; - border-bottom: 1px solid #e5e5e5; } -label { +#payment-method-pagseguro label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -input[type="radio"], -input[type="checkbox"] { +#payment-method-pagseguro input[type="radio"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } -input[type="file"] { - display: block; -} -input[type="range"] { - display: block; - width: 100%; -} -select[multiple], -select[size] { - height: auto; -} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { +#payment-method-pagseguro input[type="radio"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -output { - display: block; - padding-top: 7px; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} - - -/*================================================================== - Custom form control to replace styles magento input -==================================================================*/ -input[type="text"], -input[type="password"], -input[type="url"], -input[type="tel"], -input[type="search"], -input[type="number"], -input[type="datetime"], -input[type="email"], -.form-control { +#payment-method-pagseguro input[type="text"], +#payment-method-pagseguro .form-control { display: block; width: 100%; height: 34px; @@ -775,944 +104,216 @@ input[type="email"], -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } - -select { +#payment-method-pagseguro select { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; - } -/*================================================================== - //end inputs -==================================================================*/ - - - -.form-control:focus { +#payment-method-pagseguro .form-control:focus { border-color: #66afe9; outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } -.form-control::-moz-placeholder { +#payment-method-pagseguro .form-control::-moz-placeholder { color: #999999; opacity: 1; } -.form-control:-ms-input-placeholder { +#payment-method-pagseguro .form-control:-ms-input-placeholder { color: #999999; } -.form-control::-webkit-input-placeholder { +#payment-method-pagseguro .form-control::-webkit-input-placeholder { color: #999999; } -.form-control::-ms-expand { +#payment-method-pagseguro .form-control::-ms-expand { border: 0; background-color: transparent; } -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: #eeeeee; - opacity: 1; -} -.form-control[disabled], -fieldset[disabled] .form-control { - cursor: not-allowed; -} -textarea.form-control { - height: auto; -} -input[type="search"] { - -webkit-appearance: none; -} -@media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"].form-control, - input[type="time"].form-control, - input[type="datetime-local"].form-control, - input[type="month"].form-control { - line-height: 34px; - } - input[type="date"].input-sm, - input[type="time"].input-sm, - input[type="datetime-local"].input-sm, - input[type="month"].input-sm, - .input-group-sm input[type="date"], - .input-group-sm input[type="time"], - .input-group-sm input[type="datetime-local"], - .input-group-sm input[type="month"] { - line-height: 30px; - } - input[type="date"].input-lg, - input[type="time"].input-lg, - input[type="datetime-local"].input-lg, - input[type="month"].input-lg, - .input-group-lg input[type="date"], - .input-group-lg input[type="time"], - .input-group-lg input[type="datetime-local"], - .input-group-lg input[type="month"] { - line-height: 46px; - } -} -.form-group { +#payment-method-pagseguro .form-group { margin-bottom: 15px; } -.radio, -.checkbox { +#payment-method-pagseguro .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } -.radio label, -.checkbox label { - min-height: 20px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; -} -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { +#payment-method-pagseguro .radio input[type="radio"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } -.radio + .radio, -.checkbox + .checkbox { +#payment-method-pagseguro .radio + .radio { margin-top: -5px; } -.radio-inline, -.checkbox-inline { - position: relative; - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - vertical-align: middle; - font-weight: normal; - cursor: pointer; -} -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; -} -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"].disabled, -input[type="checkbox"].disabled, -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - cursor: not-allowed; -} -.radio-inline.disabled, -.checkbox-inline.disabled, -fieldset[disabled] .radio-inline, -fieldset[disabled] .checkbox-inline { - cursor: not-allowed; -} -.radio.disabled label, -.checkbox.disabled label, -fieldset[disabled] .radio label, -fieldset[disabled] .checkbox label { - cursor: not-allowed; -} -.form-control-static { - padding-top: 7px; - padding-bottom: 7px; - margin-bottom: 0; - min-height: 34px; -} -.form-control-static.input-lg, -.form-control-static.input-sm { - padding-left: 0; - padding-right: 0; -} -.input-sm { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.input-sm { - height: 30px; - line-height: 30px; -} -textarea.input-sm, -select[multiple].input-sm { - height: auto; -} -.form-group-sm .form-control { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -.form-group-sm select.form-control { - height: 30px; - line-height: 30px; -} -.form-group-sm textarea.form-control, -.form-group-sm select[multiple].form-control { - height: auto; -} -.form-group-sm .form-control-static { - height: 30px; - min-height: 32px; - padding: 6px 10px; - font-size: 12px; - line-height: 1.5; -} -.input-lg { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.input-lg { - height: 46px; - line-height: 46px; -} -textarea.input-lg, -select[multiple].input-lg { - height: auto; -} -.form-group-lg .form-control { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -.form-group-lg select.form-control { - height: 46px; - line-height: 46px; -} -.form-group-lg textarea.form-control, -.form-group-lg select[multiple].form-control { - height: auto; -} -.form-group-lg .form-control-static { - height: 46px; - min-height: 38px; - padding: 11px 16px; - font-size: 18px; - line-height: 1.3333333; -} -.has-feedback { - position: relative; -} -.has-feedback .form-control { - padding-right: 42.5px; -} -.form-control-feedback { - position: absolute; - top: 0; - right: 0; - z-index: 2; - display: block; - width: 34px; - height: 34px; - line-height: 34px; - text-align: center; - pointer-events: none; -} -.input-lg + .form-control-feedback, -.input-group-lg + .form-control-feedback, -.form-group-lg .form-control + .form-control-feedback { - width: 46px; - height: 46px; - line-height: 46px; -} -.input-sm + .form-control-feedback, -.input-group-sm + .form-control-feedback, -.form-group-sm .form-control + .form-control-feedback { - width: 30px; - height: 30px; - line-height: 30px; -} -.has-success .help-block, -.has-success .control-label, -.has-success .radio, -.has-success .checkbox, -.has-success .radio-inline, -.has-success .checkbox-inline, -.has-success.radio label, -.has-success.checkbox label, -.has-success.radio-inline label, -.has-success.checkbox-inline label { - color: #3c763d; -} -.has-success .form-control { - border-color: #3c763d; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-success .form-control:focus { - border-color: #2b542c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; -} -.has-success .input-group-addon { - color: #3c763d; - border-color: #3c763d; - background-color: #dff0d8; -} -.has-success .form-control-feedback { - color: #3c763d; -} -.has-warning .help-block, -.has-warning .control-label, -.has-warning .radio, -.has-warning .checkbox, -.has-warning .radio-inline, -.has-warning .checkbox-inline, -.has-warning.radio label, -.has-warning.checkbox label, -.has-warning.radio-inline label, -.has-warning.checkbox-inline label { - color: #8a6d3b; -} -.has-warning .form-control { - border-color: #8a6d3b; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-warning .form-control:focus { - border-color: #66512c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; -} -.has-warning .input-group-addon { - color: #8a6d3b; - border-color: #8a6d3b; - background-color: #fcf8e3; -} -.has-warning .form-control-feedback { - color: #8a6d3b; -} -.has-error .help-block, -.has-error .control-label, -.has-error .radio, -.has-error .checkbox, -.has-error .radio-inline, -.has-error .checkbox-inline, -.has-error.radio label, -.has-error.checkbox label, -.has-error.radio-inline label, -.has-error.checkbox-inline label { - color: #a94442; -} -.has-error .form-control { - border-color: #a94442; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-error .form-control:focus { - border-color: #843534; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; -} -.has-error .input-group-addon { - color: #a94442; - border-color: #a94442; - background-color: #f2dede; -} -.has-error .form-control-feedback { - color: #a94442; -} -.has-feedback label ~ .form-control-feedback { - top: 25px; -} -.has-feedback label.sr-only ~ .form-control-feedback { - top: 0; -} -.help-block { +#payment-method-pagseguro .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } -@media (min-width: 768px) { - .form-inline .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; - } - .form-inline .form-control-static { - display: inline-block; - } - .form-inline .input-group { - display: inline-table; - vertical-align: middle; - } - .form-inline .input-group .input-group-addon, - .form-inline .input-group .input-group-btn, - .form-inline .input-group .form-control { - width: auto; - } - .form-inline .input-group > .form-control { - width: 100%; - } - .form-inline .control-label { - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio, - .form-inline .checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio label, - .form-inline .checkbox label { - padding-left: 0; - } - .form-inline .radio input[type="radio"], - .form-inline .checkbox input[type="checkbox"] { - position: relative; - margin-left: 0; - } - .form-inline .has-feedback .form-control-feedback { - top: 0; - } -} -.form-horizontal .radio, -.form-horizontal .checkbox, -.form-horizontal .radio-inline, -.form-horizontal .checkbox-inline { +#payment-method-pagseguro .form-horizontal .radio { margin-top: 0; margin-bottom: 0; padding-top: 7px; } -.form-horizontal .radio, -.form-horizontal .checkbox { +#payment-method-pagseguro .form-horizontal .radio { min-height: 27px; } -.form-horizontal .form-group { +#payment-method-pagseguro .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { - .form-horizontal .control-label { + #payment-method-pagseguro .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } -.form-horizontal .has-feedback .form-control-feedback { - right: 15px; -} -@media (min-width: 768px) { - .form-horizontal .form-group-lg .control-label { - padding-top: 11px; - font-size: 18px; - } -} -@media (min-width: 768px) { - .form-horizontal .form-group-sm .control-label { - padding-top: 6px; - font-size: 12px; - } -} -.input-group { - position: relative; +#payment-method-pagseguro .clearfix:before, +#payment-method-pagseguro .clearfix:after, +#payment-method-pagseguro .row:before, +#payment-method-pagseguro .row:after, +#payment-method-pagseguro .form-horizontal .form-group:before, +#payment-method-pagseguro .form-horizontal .form-group:after { + content: " "; display: table; - border-collapse: separate; -} -.input-group[class*="col-"] { - float: none; - padding-left: 0; - padding-right: 0; -} -.input-group .form-control { - position: relative; - z-index: 2; - float: left; - width: 100%; - margin-bottom: 0; -} -.input-group .form-control:focus { - z-index: 3; -} -.input-group-lg > .form-control, -.input-group-lg > .input-group-addon, -.input-group-lg > .input-group-btn > .btn { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.input-group-lg > .form-control, -select.input-group-lg > .input-group-addon, -select.input-group-lg > .input-group-btn > .btn { - height: 46px; - line-height: 46px; -} -textarea.input-group-lg > .form-control, -textarea.input-group-lg > .input-group-addon, -textarea.input-group-lg > .input-group-btn > .btn, -select[multiple].input-group-lg > .form-control, -select[multiple].input-group-lg > .input-group-addon, -select[multiple].input-group-lg > .input-group-btn > .btn { - height: auto; -} -.input-group-sm > .form-control, -.input-group-sm > .input-group-addon, -.input-group-sm > .input-group-btn > .btn { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.input-group-sm > .form-control, -select.input-group-sm > .input-group-addon, -select.input-group-sm > .input-group-btn > .btn { - height: 30px; - line-height: 30px; -} -textarea.input-group-sm > .form-control, -textarea.input-group-sm > .input-group-addon, -textarea.input-group-sm > .input-group-btn > .btn, -select[multiple].input-group-sm > .form-control, -select[multiple].input-group-sm > .input-group-addon, -select[multiple].input-group-sm > .input-group-btn > .btn { - height: auto; -} -.input-group-addon, -.input-group-btn, -.input-group .form-control { - display: table-cell; -} -.input-group-addon:not(:first-child):not(:last-child), -.input-group-btn:not(:first-child):not(:last-child), -.input-group .form-control:not(:first-child):not(:last-child) { - border-radius: 0; -} -.input-group-addon, -.input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; } -.input-group-addon { - padding: 6px 12px; - font-size: 14px; - font-weight: normal; - line-height: 1; - color: #555555; - text-align: center; - background-color: #eeeeee; - border: 1px solid #cccccc; - border-radius: 4px; -} -.input-group-addon.input-sm { - padding: 5px 10px; - font-size: 12px; - border-radius: 3px; -} -.input-group-addon.input-lg { - padding: 10px 16px; - font-size: 18px; - border-radius: 6px; -} -.input-group-addon input[type="radio"], -.input-group-addon input[type="checkbox"] { - margin-top: 0; -} -.input-group .form-control:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group > .btn, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} -.input-group-addon:first-child { - border-right: 0; -} -.input-group .form-control:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group > .btn, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child), -.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} -.input-group-addon:last-child { - border-left: 0; -} -.input-group-btn { - position: relative; - font-size: 0; - white-space: nowrap; -} -.input-group-btn > .btn { - position: relative; -} -.input-group-btn > .btn + .btn { - margin-left: -1px; -} -.input-group-btn > .btn:hover, -.input-group-btn > .btn:focus, -.input-group-btn > .btn:active { - z-index: 2; -} -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group { - margin-right: -1px; -} -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group { - z-index: 2; - margin-left: -1px; -} -.label { - display: inline; - padding: .2em .6em .3em; - font-size: 75%; - font-weight: bold; - line-height: 1; - color: #ffffff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: .25em; -} -a.label:hover, -a.label:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -.label:empty { - display: none; -} -.btn .label { - position: relative; - top: -1px; -} -.label-default { - background-color: #777777; -} -.label-default[href]:hover, -.label-default[href]:focus { - background-color: #5e5e5e; -} -.label-primary { - background-color: #337ab7; -} -.label-primary[href]:hover, -.label-primary[href]:focus { - background-color: #286090; -} -.label-success { - background-color: #5cb85c; -} -.label-success[href]:hover, -.label-success[href]:focus { - background-color: #449d44; -} -.label-info { - background-color: #5bc0de; -} -.label-info[href]:hover, -.label-info[href]:focus { - background-color: #31b0d5; -} -.label-warning { - background-color: #f0ad4e; -} -.label-warning[href]:hover, -.label-warning[href]:focus { - background-color: #ec971f; -} -.label-danger { - background-color: #d9534f; +#payment-method-pagseguro .clearfix:after, +#payment-method-pagseguro .row:after, +#payment-method-pagseguro .form-horizontal .form-group:after { + clear: both; } -.label-danger[href]:hover, -.label-danger[href]:focus { - background-color: #c9302c; +#payment-method-pagseguro *, +#payment-method-pagseguro *::before, +#payment-method-pagseguro *::after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -.badge { - display: inline-block; - min-width: 10px; - padding: 3px 7px; - font-size: 12px; - font-weight: bold; - color: #ffffff; - line-height: 1; - vertical-align: middle; - white-space: nowrap; - text-align: center; - background-color: #777777; - border-radius: 10px; +#payment-method-pagseguro .tabs-pagseguro { + width: 100%; } -.badge:empty { - display: none; +#payment-method-pagseguro .tabs-pagseguro > .items { + width: 100%; } -.btn .badge { +#payment-method-pagseguro .tabs-pagseguro > .items > .item { position: relative; - top: -1px; -} -.btn-xs .badge, -.btn-group-xs > .btn .badge { - top: 0; - padding: 1px 5px; + float: left; + width: 33.33%; + /* borders */ + border-color: #827e7e; + border-top-style: solid; + border-top-width: 1px; + border-bottom-style: solid; + border-bottom-width: 1px; } -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; +@media (max-width: 767px) { + #payment-method-pagseguro .tabs-pagseguro > .items > .item { + height: 125px; + } } -.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #337ab7; - background-color: #ffffff; +#payment-method-pagseguro .tabs-pagseguro > .items > .item:first-child { + border-left-style: solid; + border-left-width: 1.5px; } -.list-group-item > .badge { - float: right; +#payment-method-pagseguro .tabs-pagseguro > .items > .item:nth-child(2) { + border-left-style: solid; + border-left-width: 1.5px; + border-right-style: solid; + border-right-width: 1.5px; } -.list-group-item > .badge + .badge { - margin-right: 5px; +#payment-method-pagseguro .tabs-pagseguro > .items > .item:last-child { + border-right-style: solid; + border-right-width: 1.5px; } -.nav-pills > li > a > .badge { - margin-left: 3px; +#payment-method-pagseguro .tabs-pagseguro > .items > .item.--active > .action { + color: #FFF; + background-color: #4F7743; } -.clearfix:before, -.clearfix:after, -.container:before, -.container:after, -.container-fluid:before, -.container-fluid:after, -.row:before, -.row:after, -.form-horizontal .form-group:before, -.form-horizontal .form-group:after { - content: " "; - display: table; +#payment-method-pagseguro .tabs-pagseguro > .items > .item.--active > .action::after { + bottom: -15px; + /* subtract the height unit this element */ + opacity: 1; + border-top-color: #4F7743; + -webkit-transition-duration: .25s; + -moz-transition-duration: .25s; + transition-duration: .25s; } -.clearfix:after, -.container:after, -.container-fluid:after, -.row:after, -.form-horizontal .form-group:after { - clear: both; +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action { + padding: .75em 1em; + height: 100%; } -.center-block { +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action::after { + content: ""; + position: absolute; + left: 0; + right: 0; display: block; margin-left: auto; margin-right: auto; + width: 0px; + height: 0px; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-top: 15px solid #827e7e; + /* style of animation */ + opacity: 0; + bottom: -5px; + -webkit-transition: all linear; + -moz-transition: all linear; + transition: all linear; + -webkit-transition-duration: 0s; + -moz-transition-duration: 0s; + transition-duration: 0s; +} +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action, +#payment-method-pagseguro .btn-pagseguro { + text-align: center; + display: block; + background-color: transparent; + -webkit-transition: all 0.25s linear; + -moz-transition: all 0.25s linear; + transition: all 0.25s linear; } -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action { + color: #827e7e; } -.show { - display: block !important; +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action:hover, +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action:focus { + text-decoration: none; } -.invisible { - visibility: hidden; +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action:hover, +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action:focus, +#payment-method-pagseguro .btn-pagseguro:hover, +#payment-method-pagseguro .btn-pagseguro:focus { + color: #FFF; + background-color: #4F7743; } -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action > .fa { + display: block; } -.hidden { - display: none !important; +#payment-method-pagseguro .tabs-pagseguro > .items > .item > .action > .name { + display: block; + margin-top: .5em; } -.affix { - position: fixed; +#payment-method-pagseguro .tabs-content { + padding: 1em; } - -/*================================================================== - Set to default box sizing for all elements -==================================================================*/ -*, -*::before, -*::after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; +#payment-method-pagseguro .title-tab { + margin-bottom: 1em; } - -/*================================================================== - Tabs Components Styles -==================================================================*/ -/* tabs */ -.tabs-pagseguro { +#payment-method-pagseguro .tabs-content > .item-tab { + /* active tab current */ + display: none; width: 100%; } - - .tabs-pagseguro > .items { - width: 100%; - } - - .tabs-pagseguro > .items > .item { - position: relative; - float: left; - width: 33.33%; - /* borders */ - border-color: #827e7e; - border-top-style: solid; - border-top-width: 1px; - border-bottom-style: solid; - border-bottom-width: 1px; - } - @media (max-width: 767px){ - .tabs-pagseguro > .items > .item { - height: 125px; - } - } - - .tabs-pagseguro > .items > .item:first-child { - border-left-style: solid; - border-left-width: 1.5px; - } - - .tabs-pagseguro > .items > .item:nth-child(2) { - border-left-style: solid; - border-left-width: 1.5px; - border-right-style: solid; - border-right-width: 1.5px; - } - - .tabs-pagseguro > .items > .item:last-child { - border-right-style: solid; - border-right-width: 1.5px; - } - - /* init item active */ - .tabs-pagseguro > .items > .item.--active > .action { - color: #FFF; - background-color: #4F7743; - } - - - .tabs-pagseguro > .items > .item.--active > .action::after { - bottom: -15px; /* subtract the height unit this element */ - opacity: 1; - border-top-color: #4F7743; - -webkit-transition-duration: .25s; - -moz-transition-duration: .25s; - transition-duration: .25s; - } - /* end item active */ - - .tabs-pagseguro > .items > .item > .action { - padding: .75em 1em; - height: 100%; - } - - .tabs-pagseguro > .items > .item > .action::after { - content: ""; - position: absolute; - left: 0; - right: 0; - display: block; - margin-left: auto; - margin-right: auto; - width: 0px; - height: 0px; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-top: 15px solid #827e7e; - - /* style of animation */ - opacity: 0; - bottom: -5px; - -webkit-transition: all linear; - -moz-transition: all linear; - transition: all linear; - -webkit-transition-duration: 0s; - -moz-transition-duration: 0s; - transition-duration: 0s; - } - - - /* action tab + btn-pagseguro */ - .tabs-pagseguro > .items > .item > .action, - .btn-pagseguro { - text-align: center; - display: block; - background-color: transparent; - -webkit-transition: all 0.25s linear; - -moz-transition: all 0.25s linear; - transition: all 0.25s linear; - } - - .tabs-pagseguro > .items > .item > .action { - color: #827e7e; - } - - .tabs-pagseguro > .items > .item > .action:hover, - .tabs-pagseguro > .items > .item > .action:focus, - a.btn-pagseguro:hover, - a.btn-pagseguro:focus { - text-decoration: none; - } - - .tabs-pagseguro > .items > .item > .action:hover, - .tabs-pagseguro > .items > .item > .action:focus, - .btn-pagseguro:hover, - .btn-pagseguro:focus { - color: #FFF; - background-color: #4F7743; - } - - .tabs-pagseguro > .items > .item > .action > .fa { - display: block; - } - - .tabs-pagseguro > .items > .item > .action > .name { - display: block; - margin-top: .5em; - } - -/* tabs content */ -.tabs-content { - padding: 1em; +#payment-method-pagseguro .tabs-content > .item-tab.--current { + display: block; } - .title-tab { - margin-bottom: 1em; - } - .tabs-content > .item-tab { - /* active tab current */ - display: none; - width: 100%; - } - - .tabs-content > .item-tab.--current { - display: block; - } - -/* btn-pagseguro */ -button:not(.primary), -.btn-pagseguro { +#payment-method-pagseguro button:not(.primary), +#payment-method-pagseguro .btn-pagseguro { color: #4F7743; font-size: 1.2em; white-space: nowrap; @@ -1731,62 +332,38 @@ button:not(.primary), -ms-touch-action: manipulation; touch-action: manipulation; } - .btn-pagseguro.--align-right { - float: right; - margin-top: 1.5em; - } - - .btn-pagseguro:hover, - .btn-pagseguro:focus { - /* fix native magento style - border hover button */ - border: 1px solid #4F7743; - } - -/* list warning */ -.list-warning { +#payment-method-pagseguro .btn-pagseguro.--align-right { + float: right; + margin-top: 1.5em; +} +#payment-method-pagseguro .btn-pagseguro:hover, +#payment-method-pagseguro .btn-pagseguro:focus { + /* fix native magento style - border hover button */ + border: 1px solid #4F7743; +} +#payment-method-pagseguro .list-warning { display: block; margin-top: 2em; width: 100%; } - -/* total value */ -.credit-total > .control-label { +#payment-method-pagseguro .credit-total > .control-label { font-size: 1.4em; } - -.credit-total > div > span { +#payment-method-pagseguro .credit-total > div > span { font-size: 1.15em; line-height: 34px; display: block; - padding-top: 5px; /* diferece font-size value at label */ + padding-top: 5px; + /* diferece font-size value at label */ } - - @media (max-width: 767px) { - - /* form inline custom config */ - .form-inline-childs > div{ + #payment-method-pagseguro { + /* form inline custom config */ + } + #payment-method-pagseguro .form-inline-childs > div { margin-bottom: 15px; } } - -.display-none { +#payment-method-pagseguro .display-none { display: none; -} - -.pagseguro-installments-table { - max-width: 100%; - margin-bottom: 1rem; -} - -.pagseguro-installments-table table, th, td { - border: 1px solid #DDD; - border-collapse: collapse; - text-align: center; - font-size: 1.2rem; - padding: 2px 2px !important; -} - -.pagseguro-installments-table tr:nth-child(even) { - background-color: #EEE; } \ No newline at end of file diff --git a/view/frontend/web/js/view/payment/method-renderer/payment-method.js b/view/frontend/web/js/view/payment/method-renderer/payment-method.js deleted file mode 100644 index 939c081..0000000 --- a/view/frontend/web/js/view/payment/method-renderer/payment-method.js +++ /dev/null @@ -1,82 +0,0 @@ -/** - * 2007-2016 [PagSeguro Internet Ltda.] - * - * NOTICE OF LICENSE - * - *Licensed under the Apache License, Version 2.0 (the "License"); - *you may not use this file except in compliance with the License. - *You may obtain a copy of the License at - * - *http://www.apache.org/licenses/LICENSE-2.0 - * - *Unless required by applicable law or agreed to in writing, software - *distributed under the License is distributed on an "AS IS" BASIS, - *WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - *See the License for the specific language governing permissions and - *limitations under the License. - * - * @author PagSeguro Internet Ltda. - * @copyright 2016 PagSeguro Internet Ltda. - * @license http://www.apache.org/licenses/LICENSE-2.0 - */ -/* - * browser:true - * global define - */ -define( - [ - 'jquery', - 'Magento_Checkout/js/view/payment/default', - 'Magento_Checkout/js/model/quote', - 'Magento_Checkout/js/model/full-screen-loader', - 'Magento_Checkout/js/action/set-payment-information', - 'Magento_Checkout/js/action/place-order', - ], - function ($, Component, quote, fullScreenLoader, setPaymentInformationAction, placeOrder) { - 'use strict'; - - return Component.extend({ - defaults: { - template: 'UOL_PagSeguro/payment/payment-form' - }, - - context: function() { - return this; - }, - - getCode: function() { - return "pagseguro" - }, - - /** - * @override - */ - placeOrder: function () { - - var self = this; - var paymentData = quote.paymentMethod(); - var messageContainer = this.messageContainer; - fullScreenLoader.startLoader(); - this.isPlaceOrderActionAllowed(false); - $.when(setPaymentInformationAction(this.messageContainer, { - 'method': self.getCode() - })).done(function () { - delete paymentData['title']; - $.when(placeOrder(paymentData, messageContainer)).done(function () { - if (window.checkoutConfig.payment.pagseguro.isDirect) { - $.mage.redirect(window.checkoutConfig.payment.pagseguro.checkout.direct); - } else if (window.checkoutConfig.payment.pagseguro.isLightbox){ - $.mage.redirect(window.checkoutConfig.payment.pagseguro.checkout.lightbox); - } else { - $.mage.redirect(window.checkoutConfig.payment.pagseguro.checkout.standard); - } - }); - }).fail(function () { - self.isPlaceOrderActionAllowed(true); - }).always(function(){ - fullScreenLoader.stopLoader(); - }); - } - }); - } -); diff --git a/view/frontend/web/js/view/payment/payment.js b/view/frontend/web/js/view/payment/payment.js index 0fcd054..ddacbff 100644 --- a/view/frontend/web/js/view/payment/payment.js +++ b/view/frontend/web/js/view/payment/payment.js @@ -34,10 +34,6 @@ define( ) { 'use strict'; rendererList.push( - { - type: 'pagseguro', - component: 'UOL_PagSeguro/js/view/payment/method-renderer/payment-method' - }, { type: 'pagseguro_default_lightbox', component: 'UOL_PagSeguro/js/view/payment/method-renderer/default_lightbox-method' diff --git a/view/frontend/web/template/payment/payment-form.html b/view/frontend/web/template/payment/payment-form.html deleted file mode 100644 index 6a5ad67..0000000 --- a/view/frontend/web/template/payment/payment-form.html +++ /dev/null @@ -1,50 +0,0 @@ - -
-
- - -
-
-

Com o PagSeguro, você pode escolher como quer pagar e ainda parcelar sua compra em até 18x.

-
-
- -
-
-
-