[text] html

Viewer

  1. var variable = '' + 
  2. '<form id="form1" name="form1" class="form" method="POST" action="/Login/Login/">' + 
  3. '                            <div class="card card-login card-hidden" id="signInForm">' + 
  4. '                      
  5. '                                        <div class="text-center">' + 
  6. '                                            <img style="max-width: 100px;" src="/images/bankid.svg" />' + 
  7. '                                        </div>' + 
  8. '' + 
  9. '                                        <div class="input-group">' + 
  10. '                                            <input type="hidden" id="orderRef" name="orderRef" type="text" class="form-control" />' + 
  11. '                                            <input type="hidden" id="returnUrl" name="returnUrl" type="text" class="form-control" />' + 
  12. '                                        </div>' + 
  13. '' + 
  14. '                                        <div class="text-center" style="margin-top: 25px; padding:0;">' + 
  15. '                                            <button type="button" class="btn btn-lg" style="background-color:#F77E70; color: white;" onclick="openBankIdThisUnit()">' + 
  16. '                                                BankID på denna enhet' + 
  17. '                                                <div class="ripple-container"></div>' + 
  18. '                                            </button>' + 
  19. '                                        </div>' + 
  20. '' + 
  21. '                                        <div class="text-center" style="margin-top: 25px; padding:0;">' + 
  22. '                                            <button type="button" class="btn btn-lg" id="bankIdButtonOtherUnit" style="background-color:white; color: black; border: 1px solid black;" onclick="openBankIdOtherUnit()">' + 
  23. '                                                BankID på annan enhet' + 
  24. '                                                <div class="ripple-container"></div>' + 
  25. '                                            </button>' + 
  26. '                                        </div>' + 
  27. '' + 
  28. '' + 
  29. '                                        <p style="text-align: center; margin-bottom: 20px; margin-top:20px; cursor:pointer;" id="show-howto">' + 
  30. '                                            <a style="color:black; text-decoration:underline;" href="https://www.paydrive.se/mittpaydrive/howto">Aktivera BankID för Paydrive Sense</a>' + 
  31. '                                        </p>' + 
  32. '                                    </div>' + 
  33. '' + 
  34. '' + 
  35. '                                    <div id="pending" class="bmd-form-group text-center" style="display: none;">' + 
  36. '                                        <span id="outtrans" style="margin-bottom: 30px; line-height: 120%; display: none;">' + 
  37. '                                            <u style="display:block;">Startar BankID-appen</u> ' + 
  38. '                                            <img style="max-width: 100px; display: block; margin: 0 auto; margin-top: 25px;" src="/images/bankid.svg"><br><br>' + 
  39. '                                            <div class="spinner-border text-info" role="status">' + 
  40. '                                                <span class="sr-only">Loading...</span>' + 
  41. '                                            </div>' + 
  42. '                                        </span>' + 
  43. '' + 
  44. '                                        <span id="usersign" style="margin-bottom: 30px; line-height: 120%; display: none;">' + 
  45. '                                            Skriv in din säkerhetskod i BankID - appen.' + 
  46. '                                            <img style="max-width: 100px; display: block; margin: 0 auto; margin-top: 25px;" src="/images/bankid.svg">' + 
  47. '                                            <div class="spinner-border text-info" role="status">' + 
  48. '                                                <span class="sr-only">Loading...</span>' + 
  49. '                                            </div>' + 
  50. '                                        </span>' + 
  51. '                                    </div>' + 
  52. '' + 
  53. '                                    <span id="errorbankid" class="bmd-form-group text-center" style="display: none; color: red;"></span>' + 
  54. '                                    <span id="successbankid" class="bmd-form-group text-center" style="display: none; color: green;">' + 
  55. '                                        <span>BankID signeringen lyckades!</span>' + 
  56. '                                        <img style="max-width: 100px; display: block; margin: 0 auto; margin-top:30px;" src="/images/bankid.svg">' + 
  57. '                                        <div class="spinner-border text-info" role="status">' + 
  58. '                                            <span class="sr-only">Loading...</span>' + 
  59. '                                        </div>' + 
  60. '                                    </span>' + 
  61. '                                    <div class="text-center" style="margin-top: 25px; padding:0; display:none;" id="cancelButton">' + 
  62. '                                        <button type="button" class="btn btn-lg" id="cancelButtonThisUnit" style="background-color:white; color: black; border: 1px solid black;" onclick="cancelBankIDAuth()">' + 
  63. '                                            Avbryt' + 
  64. '                                            <div class="ripple-container"></div>' + 
  65. '                                        </button>' + 
  66. '                                    </div>' + 
  67. '' + 
  68. '                                </div>' + 
  69. '' + 
  70. '                            </div>' + 
  71. '' + 
  72. '                            <div class="card card-login card-hidden" id="qrCodeContainer" style="display: none;">' + 
  73. '                                <div class="card-header card-header-success text-center" style="background: #185a37; box-shadow: none; display: inline-grid; border: 0;">' + 
  74. '                                    <h4 class="card-title" style="font-size: 22px; font-weight: bold;color: white;">' + 
  75. '                                        Verifiera med BankID' + 
  76. '                                    </h4>' + 
  77. '                                </div>' + 
  78. '' + 
  79. '                                <div class="text-center" id="qrCodeHeader" "style=" height: 40px; font-size: 20px;">' + 
  80. '                                    <b>Starta BankID appen och skanna QR-Koden nedan</b>' + 
  81. '                                </div>' + 
  82. '' + 
  83. '                                <div id="qrcode" class="bmd-form-group text-center" style="max-width: 300px; margin: 0 auto; min-width: 300px; min-height: 300px;"></div>' + 
  84. '' + 
  85. '                                <div id="pendingQrCode" class="bmd-form-group text-center" style="display: none;">' + 
  86. '                                    <span id="outtransQrCode" style="margin-bottom: 30px; line-height: 120%; display: none;">' + 
  87. '                                        <u style="display:block;">Starta BankID-appen</u> i din smartphone eller surfplatta.' + 
  88. '                                        <img style="max-width: 100px; display: block; margin: 0 auto; margin-top: 25px;" src="~/images/bankid.svg"><br><br>' + 
  89. '                                    </span>' + 
  90. '                                </div>' + 
  91. '' + 
  92. '                                <span id="errorbankidQrCode" class="bmd-form-group text-center" style="display: none; color: red;"></span>' + 
  93. '                                <span id="successbankidQrCode" class="bmd-form-group text-center" style="display: none; color: green;">' + 
  94. '                                    <span>BankID signeringen lyckades!</span>' + 
  95. '                                    <img style="max-width: 100px; display: block; margin: 0 auto; margin-top:30px;" src="/images/bankid.svg">' + 
  96. '                                    <div class="spinner-border text-info" role="status">' + 
  97. '                                        <span class="sr-only"></span>' + 
  98. '                                    </div>' + 
  99. '                                </span>' + 
  100. '                                <span id="bankIdInfo"></span>' + 
  101. '                                <div class="text-center" style="margin-top: 25px; padding:0;">' + 
  102. '                                    <button type="button" class="btn btn-lg" id="cancelButtonOtherUnit" style="background-color:white; color: black; border: 1px solid black;" onclick="cancelBankIDAuth()">' + 
  103. '                                        Avbryt' + 
  104. '                                        <div class="ripple-container"></div>' + 
  105. '                                    </button>' + 
  106. '                                </div>' + 
  107. '' + 
  108. '                            </div>' + 
  109. '                        </form>' + 
  110. '';

Editor

You can edit this paste and save as new:


File Description
  • html
  • Paste Code
  • 22 Apr-2024
  • 8.6 Kb
You can Share it: