mirror of
https://github.com/openclassify/openclassify.git
synced 2026-01-11 18:01:10 -06:00
optimizing the code for easier future adjustments
This commit is contained in:
Diatrex
parent
138b75cc7c
commit
eb0a854d40
@ -0,0 +1,86 @@
|
||||
.profile-nav-toggler {
|
||||
color: rgba(0,0,0,.5);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
padding: .25rem .75rem;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1;
|
||||
background-color: transparent;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.profile-navigation {
|
||||
padding: 1.5rem .25rem;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow-y: auto;
|
||||
z-index: 9999;
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: 300ms ease;
|
||||
transition: 300ms ease;
|
||||
@media only screen and (min-width: 768px) {
|
||||
padding: 1.5rem 2.25rem;
|
||||
height: initial;
|
||||
position: initial;
|
||||
-webkit-transform: initial;
|
||||
-ms-transform: initial;
|
||||
transform: initial;
|
||||
}
|
||||
|
||||
&.reveal {
|
||||
-webkit-transform: translateX(0%);
|
||||
-ms-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
-webkit-transition: 300ms ease;
|
||||
transition: 300ms ease;
|
||||
}
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 1.25rem;
|
||||
|
||||
&.active, &:hover {
|
||||
cursor: pointer;
|
||||
|
||||
p {
|
||||
color: #707070;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
p {
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
margin-right: .75rem;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #A1A1A1;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: fixed;
|
||||
display: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
cursor: pointer;
|
||||
background: #000;
|
||||
opacity: .2;
|
||||
z-index: 1;
|
||||
}
|
||||
@ -2,91 +2,4 @@
|
||||
background-color: #343a40 !important;
|
||||
border-color: #343a40 #343a40 #343a40;
|
||||
color: white!important;
|
||||
}
|
||||
|
||||
.profile-nav-toggler {
|
||||
color: rgba(0,0,0,.5);
|
||||
border: 1px solid rgba(0,0,0,.1);
|
||||
padding: .25rem .75rem;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1;
|
||||
background-color: transparent;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.profile-navigation {
|
||||
padding: 1.5rem .25rem;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow-y: auto;
|
||||
z-index: 9999;
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: 300ms ease;
|
||||
transition: 300ms ease;
|
||||
@media only screen and (min-width: 768px) {
|
||||
padding: 1.5rem 2.25rem;
|
||||
height: initial;
|
||||
position: initial;
|
||||
-webkit-transform: initial;
|
||||
-ms-transform: initial;
|
||||
transform: initial;
|
||||
}
|
||||
|
||||
&.reveal {
|
||||
-webkit-transform: translateX(0%);
|
||||
-ms-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
-webkit-transition: 300ms ease;
|
||||
transition: 300ms ease;
|
||||
}
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 1.25rem;
|
||||
|
||||
&.active, &:hover {
|
||||
cursor: pointer;
|
||||
|
||||
p {
|
||||
color: #707070;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
p {
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
margin-right: .75rem;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #A1A1A1;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: fixed;
|
||||
display: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
cursor: pointer;
|
||||
background: #000;
|
||||
opacity: .2;
|
||||
z-index: 1;
|
||||
}
|
||||
@ -1,15 +1,8 @@
|
||||
{% extends "theme::layouts/default" %}
|
||||
|
||||
{% block styles %}
|
||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
|
||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
||||
|
||||
<div class="col-12 col-md-8">
|
||||
{% embed 'visiosoft.module.profile::profile/index' %}
|
||||
{% block detail %}
|
||||
<div class="row px-3">
|
||||
<div class="col-md-12 bg-dark text-white p-5">
|
||||
<h3>{{ trans('visiosoft.module.profile::field.create_address.name') }}</h3>
|
||||
@ -82,10 +75,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/country.js") }}
|
||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/address.js") }}
|
||||
|
||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/country.js") }}
|
||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/address.js") }}
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
{% endblock %}
|
||||
@ -1,15 +1,8 @@
|
||||
{% extends "theme::layouts/default" %}
|
||||
|
||||
{% block styles %}
|
||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
|
||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
||||
|
||||
<div class="col-12 col-md-8">
|
||||
{% embed 'visiosoft.module.profile::profile/index' %}
|
||||
{% block detail %}
|
||||
<div class="row px-3">
|
||||
<div class="col-md-12 bg-dark text-white p-5">
|
||||
<h3>{{ trans('visiosoft.module.profile::field.edit_address.name') }}</h3>
|
||||
@ -82,9 +75,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/country.js") }}
|
||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/address.js") }}
|
||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/country.js") }}
|
||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/address.js") }}
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
{% endblock %}
|
||||
@ -1,15 +1,8 @@
|
||||
{% extends "theme::layouts/default" %}
|
||||
|
||||
{% block styles %}
|
||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
|
||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
||||
|
||||
<div class="col-12 col-md-8">
|
||||
{% embed 'visiosoft.module.profile::profile/index' %}
|
||||
{% block detail %}
|
||||
<table class="table">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
@ -51,6 +44,6 @@
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
{% endblock %}
|
||||
@ -1,15 +1,8 @@
|
||||
{% extends "theme::layouts/default" %}
|
||||
|
||||
{% block styles %}
|
||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
|
||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
||||
|
||||
<div class="col-12 col-md-8">
|
||||
{% embed 'visiosoft.module.profile::profile/index' %}
|
||||
{% block detail %}
|
||||
<div class="row px-3">
|
||||
<div class="col-md-12 bg-dark text-white p-5">
|
||||
<h3>{{ trans('visiosoft.module.advs::field.my_ads.name') }}</h3>
|
||||
@ -67,16 +60,16 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var approve = "{{ trans('visiosoft.module.advs::field.approve') }}";
|
||||
var passive = "{{ trans('visiosoft.module.advs::field.passive') }}";
|
||||
var delete_ad = "{{ trans('visiosoft.module.profile::button.delete') }}";
|
||||
var extend_ad = "{{ trans('visiosoft.module.profile::button.extend') }}";
|
||||
var edit_ad = "{{ trans('visiosoft.module.profile::button.edit') }}";
|
||||
var ads_per_page = "{{ setting_value('streams::per_page') }}";
|
||||
var no_ads_message = "{{ trans('visiosoft.module.advs::field.no_ads') }}";
|
||||
</script>
|
||||
{{ asset_add('scripts.js','visiosoft.module.profile::assets/js/ads.js') }}
|
||||
<script>
|
||||
var approve = "{{ trans('visiosoft.module.advs::field.approve') }}";
|
||||
var passive = "{{ trans('visiosoft.module.advs::field.passive') }}";
|
||||
var delete_ad = "{{ trans('visiosoft.module.profile::button.delete') }}";
|
||||
var extend_ad = "{{ trans('visiosoft.module.profile::button.extend') }}";
|
||||
var edit_ad = "{{ trans('visiosoft.module.profile::button.edit') }}";
|
||||
var ads_per_page = "{{ setting_value('streams::per_page') }}";
|
||||
var no_ads_message = "{{ trans('visiosoft.module.advs::field.no_ads') }}";
|
||||
</script>
|
||||
{{ asset_add('scripts.js','visiosoft.module.profile::assets/js/ads.js') }}
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
{% endblock %}
|
||||
@ -1,23 +1,15 @@
|
||||
{% extends "theme::layouts/default" %}
|
||||
|
||||
{% block styles %}
|
||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{% embed 'visiosoft.module.profile::profile/index' %}
|
||||
{% block detail %}
|
||||
{% set profile_photo = user.file %}
|
||||
{% if profile_photo %}
|
||||
{% set profile_photo = file(profile_photo.id).url %}
|
||||
{% else %}
|
||||
{% set profile_photo = img('visiosoft.module.profile::images/profile-default.png').url %}
|
||||
{% endif %}
|
||||
|
||||
{% set profile_photo = user.file %}
|
||||
{% if profile_photo %}
|
||||
{% set profile_photo = file(profile_photo.id).url %}
|
||||
{% else %}
|
||||
{% set profile_photo = img('visiosoft.module.profile::images/profile-default.png').url %}
|
||||
{% endif %}
|
||||
|
||||
<div class="row mt-5">
|
||||
|
||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
||||
|
||||
<div class="col-12 col-md-8">
|
||||
<div class="row px-3">
|
||||
|
||||
<!-- User Profile Detail Section-->
|
||||
@ -175,8 +167,8 @@
|
||||
<!-- User Profile Form Section-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
|
||||
</div>
|
||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/profile.js") }}
|
||||
{% endblock %}
|
||||
@ -0,0 +1,15 @@
|
||||
{% block styles %}
|
||||
{{ asset_style("visiosoft.module.profile::assets/css/profile-nav.scss") }}
|
||||
{% endblock %}
|
||||
|
||||
<div class="row mt-5">
|
||||
|
||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
||||
|
||||
<div class="col-12 col-md-9">
|
||||
|
||||
{% block detail %}{% endblock %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3,7 +3,7 @@
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-10 col-sm-6 col-md-4 profile-navigation border rounded navbar-side bg-white" id="navbarSide">
|
||||
<div class="col-10 col-sm-6 col-md-3 profile-navigation border rounded navbar-side bg-white" id="navbarSide">
|
||||
<a href="{{ url_route('profile::profile') }}" class="px-3 mb-2 link-unstyled">
|
||||
<img src="{{ img('visiosoft.module.profile::images/interface.svg').url }}">
|
||||
<p>{{ auth_user().name }}</p>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user