Merge pull request #334 from openclassify/vedat

#895 Login page

addons/default/visiosoft/base-theme/resources/css/login.css

@@ -8,3 +8,122 @@
 .register-section a {
     font-size: 16px;
 }
+
+
+.login_subject {
+    color: #333;
+    font-weight: bold;
+    font-size: 18px;
+}
+
+.login-section label {
+    font-size: 13px;
+}
+
+.forgot_password {
+    display: inline-block;
+    float: right;
+    color: #868f94;
+}
+.forgot_password:hover {
+    text-decoration: underline;
+}
+
+.login-section button {
+    padding: 9px 22px;
+    margin-bottom: 0;
+    font-family: 'Lucida Grande','LucidaGrande',Arial,sans-serif;
+    font-weight: bold;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+    border-radius: 2px;
+    color: #fff;
+    background-repeat: repeat-x;
+    background-image: -moz-linear-gradient(top,#6198d3,#437db9);
+    background-image: -ms-linear-gradient(top,#6198d3,#437db9);
+    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6198d3),color-stop(100%,#437db9));
+    background-image: -webkit-linear-gradient(top,#6198d3,#437db9);
+    background-image: -o-linear-gradient(top,#6198d3,#437db9);
+    background-image: linear-gradient(top,#6198d3,#437db9);
+    line-height: 1.3em;
+    outline: 0;
+    background: #489ae9;
+    box-shadow: 1px 0 2px 0 rgba(0,0,0,0.13), 0 0 4px 0 rgba(0,0,0,0.11), 0 2px 3px 0 rgba(0,0,0,0.16);
+    border: 0;
+    text-shadow: none;
+    height: 50px;
+    font-size: 16px;
+    width: 100%;
+    display: block;
+}
+.login-section button:hover {
+    color: #fff;
+    background: #4594de;
+    text-decoration: none;
+}
+
+.remember_me {
+    padding: 12px 0 0 5px;
+    display: inline-block;
+    color: #36454d;
+    font-size: 13px;
+}
+
+.remember_me input {
+    margin: 0;
+    vertical-align: 1px;
+    font: 12px "Lucida Grande","LucidaGrande",Arial,sans-serif;
+}
+
+.register-section h3 {
+    font-size: 18px;
+    margin: 0 0 43px 0;
+    padding-left: 0;
+    padding-right: 0;
+    width: 100%;
+    color: #333;
+    font-weight: bold;
+}
+
+.register-section p {
+    color: #36454d;
+    margin-bottom: 20px;
+    font-size: 13px;
+}
+
+.register-section a {
+    background: #fafafa;
+    box-shadow: 1px 0 2px 0 rgba(0,0,0,0.13), 0 0 4px 0 rgba(0,0,0,0.11), 0 2px 3px 0 rgba(0,0,0,0.16);
+    border-radius: 2px;
+    border: 0;
+    font-weight: bold;
+    height: 50px;
+    font-size: 16px;
+    text-shadow: 0 2px 11px #fff;
+    display: block;
+    width: 100%;
+    padding: 15px 22px;
+    color: #489ae8;
+}
+
+.register-section a:hover {
+    background: #fafafa;
+    color: #489ae8;
+}
+
+@media only screen and (min-width: 470px) {
+    .login-section {
+        padding: 70px 78px 148px 77px;
+    }
+
+    .register-section {
+        padding-top: 143px;
+        padding-left: 80px;
+        padding-right: 85px;
+        background-color: #fff;
+    }
+    #header {
+        display: none;
+    }
+}

addons/default/visiosoft/base-theme/resources/lang/tr/field.php

@@ -20,7 +20,7 @@ return [
     'not_a_member_yet' => 'Henüz Üye Değil Misiniz',
     'not_a_member_yet_message' => 'Üyelerimize özel hizmetlerimizden faydalanabilmek için üye olun',
     'forgot_password' => 'Şifremi Unuttum',
-    'email_or_phone_number' => 'E-Posta Adresiniz veya Telefon Numaranız',
+    'email_or_phone_number' => 'E-Posta veya Telefon Numarası',
     'phone_number' => 'Telefon Numarası',
 
     // Registration instructions

addons/default/visiosoft/base-theme/resources/views/addons/anomaly/users-module/login.twig

@@ -1,8 +1,17 @@
 {% extends "theme::layouts/default" %}
 
 {% block content %}
+    {% set logo_web = file(setting_value('visiosoft.theme.sahibinden::logo_web')).url %}
+    {% if logo_web is null %}
+        {% set logo_web = img('visiosoft.theme.sahibinden::images/logo_web.png').url %}
+    {% endif %}
+    <div class="col-12 px-5 mx-4">
+        <a href="{{ url("/") }}">
+            <img class="img-responsive d-none d-sm-block logo-web"
+                 src="{{ logo_web }}"></a>
+    </div>
     <div class="row justify-content-center">
-        <div class="col-12 text-left p-3 m-0 row justify-content-center">
+        <div class="col-12 text-left m-0 row justify-content-center">
 
             <div class="col-12 col-lg-5 m-3 login-section">
                 {% set form = form('signIn')
@@ -13,9 +22,9 @@
                     'url':form.options.url
                 })|raw }}
                 <div class="col-12 pt-4 pt-lg-0">
-                    <h5 class="text-center">
+                    <h3 class="text-center login_subject">
                         {{ trans('visiosoft.theme.base::button.login') }}
-                    </h5>
+                    </h3>
                     <div class="form-group email-field email-field_type">
                         <label class="control-label">
                             {{ trans('visiosoft.theme.base::field.email_or_phone_number') }}
@@ -38,7 +47,7 @@
                             </div>
                             <div class="col-6 p-0 text-right">
                                 <a href="{{ url_route('anomaly.module.users::password.forgot') }}">
-                                    <small class="text-muted">
+                                    <small class="forgot_password">
                                         {{ trans('visiosoft.theme.base::field.forgot_password') }}
                                     </small>
                                 </a>
@@ -51,13 +60,13 @@
                     </div>
                 </div>
                 <div class="col-12 row m-0 pb-4 pb-lg-0">
-                    <button class="btn btn-sm btn-primary font-weight-bolder w-100 py-3">
+                    <button class="btn btn-sm font-weight-bolder w-100 py-3">
                         <i class="fas fa-key"></i>
                         {{ trans('visiosoft.theme.base::button.login') }}
                     </button>
                 </div>
-                <div class="col-12 py-2">
+                <div class="col-12 py-0">
-                    <label class="c-input c-checkbox">
+                    <label class="c-input c-checkbox remember_me">
                         <input value="0" type="hidden" name="remember_me">
                         <input type="checkbox" name="remember_me">
                         <span class="c-indicator"></span>
@@ -72,10 +81,10 @@
 
             <div class="col-12 col-lg-5 m-3 py-4 row register-section align-items-center">
                 <div class="col-12 text-center">
-                    <h3 class="py-2">{{ trans('visiosoft.theme.base::field.not_a_member_yet') }}?</h3>
+                    <h3 class="py-0">{{ trans('visiosoft.theme.base::field.not_a_member_yet') }}?</h3>
-                    <p class="py-2">{{ trans('visiosoft.theme.base::field.not_a_member_yet_message') }}.</p>
+                    <p class="py-0">{{ trans('visiosoft.theme.base::field.not_a_member_yet_message') }}.</p>
                     <a href="{{ url('register') }}"
-                       class="btn btn-sm btn-white font-weight-bolder border text-primary w-100 py-3 mt-1">
+                       class="btn btn-sm">
                         <i class="fas fa-user-plus"></i>
                         {{ trans('visiosoft.theme.base::button.register') }}
                     </a>