Commit ce8ec2c1 authored by Rajab Natshah's avatar Rajab Natshah
Browse files

Issue #3326075: Drop support for the Better Login module in Vartheme BS5 2.0.x

parent 58d36354

dist/css/theme/betterlogin.theme.css

deleted100644 → 0
+0 −124
Original line number Diff line number Diff line 
#auth-box {

  padding: calc(1.3125rem + .75vw) 0 0;

}



@media (min-width: 1200px) {

  #auth-box {

    padding: 1.875rem 0 0;

  }

}



#auth-box #the-logo {

  margin: 0;

  text-align: center;

  padding: 0 0 calc(1.3rem + .6vw);

}



@media (min-width: 1200px) {

  #auth-box #the-logo {

    padding: 0 0 1.75rem;

  }

}



#auth-box .title {

  margin: 0;

  padding: 0 0 .9375rem;

  font-size: calc(1.325rem + .9vw);

}



@media (min-width: 1200px) {

  #auth-box .title {

    font-size: 2rem;

  }

}



#auth-box #middle-part {

  overflow: hidden;

  border-radius: 3px;

  background: #fff;

  padding: .9375rem;

  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);

}



#auth-box .back-link {

  padding: 1rem 0 0;

}



#auth-box #bottom-part {

  font-size: .75rem;

  padding: 1rem 0 0;

  text-align: center;

}



#auth-box .user-form .form-control {

  max-width: 100%;

}



#auth-box .block-title {

  height: 1px;

  text-align: center;

  background: #eee;

  margin: calc(1.325rem + .9vw) 0;

}



@media (min-width: 1200px) {

  #auth-box .block-title {

    margin: 2rem 0;

  }

}



#auth-box .block-title span {

  position: relative;

  text-transform: uppercase;

  background: #fff;

  font-size: 1rem;

  padding: 0 .75rem;

  top: calc(-1.275rem - .3vw);

}



@media (min-width: 1200px) {

  #auth-box .block-title span {

    top: -1.5rem;

  }

}



[dir="ltr"] #auth-box .user-login-form {

  text-align: left;

}



[dir="rtl"] #auth-box .user-login-form {

  text-align: right;

}



#auth-box .user-login-form .form-checkbox {

  margin-top: .5rem;

}



#auth-box .user-login-form .option {

  font-size: 1rem;

}



#auth-box .form-actions {

  text-align: center;

}



#auth-box .block-social-auth-login {

  text-align: center;

}



[dir="ltr"] [dir=rtl] #auth-box .user-login-form {

  text-align: right;

}



[dir="rtl"] [dir=rtl] #auth-box .user-login-form {

  text-align: left;

}



[dir="ltr"] [dir=rtl] #auth-box .user-login-form .option {

  padding-right: 0;

}



[dir="rtl"] [dir=rtl] #auth-box .user-login-form .option {

  padding-left: 0;

}

src/components/pages/pageUserEdit/pageUserEdit.config.yml

deleted100755 → 0
+0 −556

File deleted.

Preview size limit exceeded, changes collapsed.

src/components/pages/pageUserEdit/pageUserEdit.story.jsx

deleted100644 → 0
+0 −63
Original line number Diff line number Diff line 
import config from "./pageUserEdit.config.yml";

import navConfig from "../../organisms/nav/basicNav/basicNav.config.yml";

import pageUserEdit from "./pageUserEdit.twig";

import navbarBrand from "../../molecules/navbar-brand/navbar-brand.twig";

import nav from "../../organisms/nav/nav.twig";

import footer from "../../organisms/footer/footer.twig";

import block from "../../organisms/block/block.twig";

import twigCode from "!!raw-loader!./pageUserEdit.twig";

import DrupalAttribute from "drupal-attribute";

import { DocsPage, DocsContainer } from "@storybook/addon-docs/blocks";

import logo from "../../../assets/images/logo.svg";

import "../../../../dist/css/theme/betterlogin.theme.css";

import "../../../../dist/css/theme/auth-icons.theme.css";



export default {

  title: config.title,

  component: pageUserEdit,

  options: { showPanel: true },

  parameters: {

    docs: {

      container: DocsContainer,

      page: DocsPage,

      source: { code: twigCode },

      description: config.description,

      iframeHeight: config.height,

    },

  },

  argTypes: {

    content: {

      content: { control: "text" },

    },

  },

};



export const PageUserEdit = (args) => {

  return pageUserEdit({

    attributes: new DrupalAttribute(),

    page: {

      navbar_branding: navbarBrand({

        image_path: logo,

        width: "auto",

        height: "auto",

      }),

      navbar_right: nav({

        attributes: new DrupalAttribute(),

        items: navConfig.items,

        alignment: "right",

        utility_classes: [],

      }),

      content: config.data.page_content,

      footer: footer({

        content: block({

          title_attributes: new DrupalAttribute(),

          label: "",

          content: config.data.footer_content,

        }),

      }),

    },

    ...args,

  });

};



PageUserLogin.args = {};

src/components/pages/pageUserEdit/pageUserEdit.twig

deleted100755 → 0
+0 −62
Original line number Diff line number Diff line 
{#

/**

 * @file

 * Template for the main page.

 * Available config:

 *  - is_front: true | false -> to determine if page is front or not

 */

#}

<div class="page d-flex flex-column">

  {% embed '@organisms/navbar/navbar.twig' with {

    placement: 'sticky-top',

    container: 'fixed',

    color: 'light',

    utility_classes: ['bg-light'],

  } %}



    {% block branding %}

      {% if page.navbar_branding %}

        {{ page.navbar_branding }}

      {% endif %}

    {% endblock %}



    {% block left %}

      {% if page.navbar_left %}

        <div class="me-auto">

          {{ page.navbar_left }}

        </div>

      {% endif %}

    {% endblock %}



    {% block right %}

      {% if page.navbar_right %}

        <div class="ms-auto">

          {{ page.navbar_right }}

        </div>

      {% endif %}

    {% endblock %}

  {% endembed %}



  <main>

    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}



    {% if page.content %}

      <div class="row justify-content-center">

        <div id="auth-box" class="col-10 col-sm-6">

          <div id="middle-part">

            {{ page.content }}

          </div>

        </div>

      </div>

    {% endif %}

  </main>



  {% if page.footer %}



    {% embed "@organisms/footer/footer.twig" with {

      content: page.footer

    } %}



    {% endembed %}

  {% endif %}

</div>

src/components/pages/pageUserLogin/pageUserLogin.config.yml

deleted100755 → 0
+0 −90
Original line number Diff line number Diff line 
title: "Pages/PageUserLogin"

description:

  component: "Page User Login component description."

## Canvas height

height: 500

## Demo data.

data:

  page_content: |

    <div data-drupal-messages-fallback="" class="hidden"></div>

    <h2 class="block-title"><span> Login with </span></h2>

    <section id="block-vartheme-bs5-socialauthlogin" class="settings-tray-editable block block-social-auth block-social-auth-login clearfix" data-drupal-settingstray="editable">

        <div class="social-auth">

          <div class="social-network social_auth_google">

              <a class="auth-link" href="/user/login/google">

              <img class="auth-icon" src="static/media/src/assets/images/social_auth/social_auth_google/img/google_logo.svg" alt="Authenticate through Google">

              <span class="auth-name">Google</span>

              </a>

          </div>

          <div class="social-network social_auth_facebook">

              <a class="auth-link" href="/user/login/facebook">

              <img class="auth-icon" src="static/media/src/assets/images/social_auth/social_auth_facebook/img/facebook_logo.svg" alt="Authenticate through Facebook">

              <span class="auth-name">Facebook</span>

              </a>

          </div>

          <div class="social-network social_auth_twitter">

              <a class="auth-link" href="/user/login/twitter">

              <img class="auth-icon" src="static/media/src/assets/images/social_auth/social_auth_twitter/img/twitter_logo.svg" alt="Authenticate through Twitter">

              <span class="auth-name">Twitter</span>

              </a>

          </div>

          <div class="social-network social_auth_linkedin">

              <a class="auth-link" href="/user/login/linkedin">

              <img class="auth-icon" src="static/media/src/assets/images/social_auth/social_auth_linkedin/img/linkedin_logo.svg" alt="Authenticate through LinkedIn">

              <span class="auth-name">LinkedIn</span>

              </a>

          </div>

        </div>

    </section>

    <h2 class="block-title"><span> or </span></h2>

    <form class="user-login-form antibot form" data-drupal-selector="user-login-form" autocomplete="off" data-action="/user/login" action="/user/login" method="post" id="user-login-form" accept-charset="UTF-8">

        <noscript>

          <div class="antibot-no-js antibot-message antibot-message-warning">You must have JavaScript enabled to use this form.</div>

        </noscript>

        <div class="js-form-item form-item js-form-type-textfield form-item-name js-form-item-name form-group">

          <label class="form-label js-form-required form-required" for="edit-name">Email or username</label>

          <input autocorrect="none" autocapitalize="none" spellcheck="false" autofocus="autofocus" data-drupal-selector="edit-name" aria-describedby="edit-name--description" type="text" id="edit-name" name="name" value="" size="60" maxlength="254" class="form-textfield required form-control" required="required" aria-required="true" autocomplete="off" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAZdJREFUOBGVVD2LwkAQfTEHfhTXqIXggY0KNoKtEBBsDv0Zh0JI5w9Qf4bXWPkHBPHqWKq1CFaeWImIwS8w5Hai2UskxLiw2Zk3b97uziwR2u32p2EYHTY/4GMIgvDLaLVWq/VD9MAryZRw3+ibbBok4GvnG/32tecE7IFndiQSQSaTcdBeEkilUiiXy+4CoVCIB4LBIFixuG+PcfBuvNFarVZRKBTQ6/Ww3W4hyzLW6zW63a4j9phM/ktXcBMQms2mQQE65vl8Njl0hcvl4sbnGLviijl1fgIrmRjPkonDWplkS8esAQFeI51OQ5IkxGIxLJdLDAYD7Pd7U4SfwEugWCwiGo1iNBohm80il8txeuD+tjngZsxmM4TDYeTzeRyPRywWC04jgfozkd1uB13XEY/HzTafTicu8P9aOHQzrO6Q12g0sNls0O/3oSgKJpMJhsOhSfRVg8PhgEQigUqlAlEUQb41RMt4XEul0hfD3gmfz+e4Xq/mnE6nGI/H1AF67iuvNlJt6EeT1DQNqqo69qBkBtT/ANzCmpZx1xTXAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;">

          <small id="edit-name--description" class="description form-text text-muted">

          Enter your email address or username.

          </small>

        </div>

        <div class="js-form-item form-item js-form-type-password form-item-pass js-form-item-pass form-group">

          <label class="form-label js-form-required form-required" for="edit-pass">Password</label>

          <input autocomplete="off" data-drupal-selector="edit-pass" aria-describedby="edit-pass--description" type="password" id="edit-pass" name="pass" size="60" maxlength="128" class="form-text required form-control" required="required" aria-required="true" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAZdJREFUOBGVVD2LwkAQfTEHfhTXqIXggY0KNoKtEBBsDv0Zh0JI5w9Qf4bXWPkHBPHqWKq1CFaeWImIwS8w5Hai2UskxLiw2Zk3b97uziwR2u32p2EYHTY/4GMIgvDLaLVWq/VD9MAryZRw3+ibbBok4GvnG/32tecE7IFndiQSQSaTcdBeEkilUiiXy+4CoVCIB4LBIFixuG+PcfBuvNFarVZRKBTQ6/Ww3W4hyzLW6zW63a4j9phM/ktXcBMQms2mQQE65vl8Njl0hcvl4sbnGLviijl1fgIrmRjPkonDWplkS8esAQFeI51OQ5IkxGIxLJdLDAYD7Pd7U4SfwEugWCwiGo1iNBohm80il8txeuD+tjngZsxmM4TDYeTzeRyPRywWC04jgfozkd1uB13XEY/HzTafTicu8P9aOHQzrO6Q12g0sNls0O/3oSgKJpMJhsOhSfRVg8PhgEQigUqlAlEUQb41RMt4XEul0hfD3gmfz+e4Xq/mnE6nGI/H1AF67iuvNlJt6EeT1DQNqqo69qBkBtT/ANzCmpZx1xTXAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;">

          <small id="edit-pass--description" class="description form-text text-muted">

          Enter the password that accompanies your email address.

          </small>

        </div>

        <input autocomplete="off" data-drupal-selector="form-kvzffjn3lqqvgewbuwx8aum6xfnkjjj5saxqlsjkltk" type="hidden" name="form_build_id" value="form-KvZFfJn3lQqVgEwBuwX8AuM6XfNKjJJ5saXqlSJKLTk" class="form-control">

        <input data-drupal-selector="edit-user-login-form" type="hidden" name="form_id" value="user_login_form" class="form-control">

        <input data-drupal-selector="edit-antibot-key" type="hidden" name="antibot_key" value="-TZZ5EK6fmJeBcWmppzM0naz_bhiOus0laSP0B_8bag" class="form-control">

        <input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="GFfrtFeE4GAIWSnaJnSoUUJZvkjlrE18U70ni77sqaE" class="form-control">

        <div class="js-form-item form-item js-form-type-checkbox form-item-persistent-login js-form-item-persistent-login form-check">

          <input data-drupal-selector="edit-persistent-login" type="checkbox" id="edit-persistent-login" name="persistent_login" value="1" class="form-checkbox form-check-input">

          <label class="form-check-label option" for="edit-persistent-login">Remember me</label>

        </div>

        <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions">

          <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Log in" class="js-form-submit form-submit btn btn-primary">

        </div>

        <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;">

          <div class="js-form-item form-item js-form-type-textfield form-item-url js-form-item-url form-group">

              <label class="form-label" for="edit-url">Leave this field blank</label>

              <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url" name="url" value="" size="20" maxlength="128" class="form-textfield form-control" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAZdJREFUOBGVVD2LwkAQfTEHfhTXqIXggY0KNoKtEBBsDv0Zh0JI5w9Qf4bXWPkHBPHqWKq1CFaeWImIwS8w5Hai2UskxLiw2Zk3b97uziwR2u32p2EYHTY/4GMIgvDLaLVWq/VD9MAryZRw3+ibbBok4GvnG/32tecE7IFndiQSQSaTcdBeEkilUiiXy+4CoVCIB4LBIFixuG+PcfBuvNFarVZRKBTQ6/Ww3W4hyzLW6zW63a4j9phM/ktXcBMQms2mQQE65vl8Njl0hcvl4sbnGLviijl1fgIrmRjPkonDWplkS8esAQFeI51OQ5IkxGIxLJdLDAYD7Pd7U4SfwEugWCwiGo1iNBohm80il8txeuD+tjngZsxmM4TDYeTzeRyPRywWC04jgfozkd1uB13XEY/HzTafTicu8P9aOHQzrO6Q12g0sNls0O/3oSgKJpMJhsOhSfRVg8PhgEQigUqlAlEUQb41RMt4XEul0hfD3gmfz+e4Xq/mnE6nGI/H1AF67iuvNlJt6EeT1DQNqqo69qBkBtT/ANzCmpZx1xTXAAAAAElFTkSuQmCC&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;">

          </div>

        </div>

    </form>

  footer_content: |

    <div class="footer-top d-flex justify-content-md-between align-items-md-center">

      <div>Powered by <a href="https://www.vardot.com/?utm_source=varbase&amp;utm_campaign=varbase%20default%20links">Vardot</a>. Enjoy the free software, or <a href="https://www.vardot.com/form/get-support-varbase?utm_source=varbase&amp;utm_campaign=varbase%20default%20links">get a quote</a> for enterprise support and fully functional websites.</div>

      <ul class="nav">

          <li class="nav-item  ">

            <a href="https://www.drupal.org/project/issues/varbase" class="nav-link" target="_blank" rel="noopener">Community Support</a>

          </li>

          <li class="nav-item  ">

            <a href="https://docs.varbase.vardot.com/?utm_source=varbase&amp;utm_campaign=varbase%20default%20links" class="nav-link">Documentation</a>

          </li>

          <li class="nav-item  ">

            <a href="https://www.vardot.com/form/get-support-varbase?utm_source=varbase&amp;utm_campaign=varbase%20default%20links" class="nav-link">Get Professional Support</a>

          </li>

      </ul>

    </div>
 
 No newline at end of file