mirror of
https://github.com/openclassify/openclassify.git
synced 2026-02-09 14:56:13 -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;
|
background-color: #343a40 !important;
|
||||||
border-color: #343a40 #343a40 #343a40;
|
border-color: #343a40 #343a40 #343a40;
|
||||||
color: white!important;
|
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" %}
|
{% extends "theme::layouts/default" %}
|
||||||
|
|
||||||
{% block styles %}
|
|
||||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="row">
|
{% embed 'visiosoft.module.profile::profile/index' %}
|
||||||
|
{% block detail %}
|
||||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
|
||||||
|
|
||||||
<div class="col-12 col-md-8">
|
|
||||||
<div class="row px-3">
|
<div class="row px-3">
|
||||||
<div class="col-md-12 bg-dark text-white p-5">
|
<div class="col-md-12 bg-dark text-white p-5">
|
||||||
<h3>{{ trans('visiosoft.module.profile::field.create_address.name') }}</h3>
|
<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") }}
|
||||||
</div>
|
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/address.js") }}
|
||||||
</div>
|
{% endblock %}
|
||||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/country.js") }}
|
{% endembed %}
|
||||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/address.js") }}
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
@ -1,15 +1,8 @@
|
|||||||
{% extends "theme::layouts/default" %}
|
{% extends "theme::layouts/default" %}
|
||||||
|
|
||||||
{% block styles %}
|
|
||||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="row">
|
{% embed 'visiosoft.module.profile::profile/index' %}
|
||||||
|
{% block detail %}
|
||||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
|
||||||
|
|
||||||
<div class="col-12 col-md-8">
|
|
||||||
<div class="row px-3">
|
<div class="row px-3">
|
||||||
<div class="col-md-12 bg-dark text-white p-5">
|
<div class="col-md-12 bg-dark text-white p-5">
|
||||||
<h3>{{ trans('visiosoft.module.profile::field.edit_address.name') }}</h3>
|
<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") }}
|
||||||
</div>
|
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/address.js") }}
|
||||||
</div>
|
{% endblock %}
|
||||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/country.js") }}
|
{% endembed %}
|
||||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/address.js") }}
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
@ -1,15 +1,8 @@
|
|||||||
{% extends "theme::layouts/default" %}
|
{% extends "theme::layouts/default" %}
|
||||||
|
|
||||||
{% block styles %}
|
|
||||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="row">
|
{% embed 'visiosoft.module.profile::profile/index' %}
|
||||||
|
{% block detail %}
|
||||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
|
||||||
|
|
||||||
<div class="col-12 col-md-8">
|
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<thead class="thead-dark">
|
<thead class="thead-dark">
|
||||||
<tr>
|
<tr>
|
||||||
@ -51,6 +44,6 @@
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
{% endblock %}
|
||||||
</div>
|
{% endembed %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
@ -1,15 +1,8 @@
|
|||||||
{% extends "theme::layouts/default" %}
|
{% extends "theme::layouts/default" %}
|
||||||
|
|
||||||
{% block styles %}
|
|
||||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="row">
|
{% embed 'visiosoft.module.profile::profile/index' %}
|
||||||
|
{% block detail %}
|
||||||
{% include "visiosoft.module.profile::profile/partials/navigation" %}
|
|
||||||
|
|
||||||
<div class="col-12 col-md-8">
|
|
||||||
<div class="row px-3">
|
<div class="row px-3">
|
||||||
<div class="col-md-12 bg-dark text-white p-5">
|
<div class="col-md-12 bg-dark text-white p-5">
|
||||||
<h3>{{ trans('visiosoft.module.advs::field.my_ads.name') }}</h3>
|
<h3>{{ trans('visiosoft.module.advs::field.my_ads.name') }}</h3>
|
||||||
@ -67,16 +60,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<script>
|
||||||
</div>
|
var approve = "{{ trans('visiosoft.module.advs::field.approve') }}";
|
||||||
<script>
|
var passive = "{{ trans('visiosoft.module.advs::field.passive') }}";
|
||||||
var approve = "{{ trans('visiosoft.module.advs::field.approve') }}";
|
var delete_ad = "{{ trans('visiosoft.module.profile::button.delete') }}";
|
||||||
var passive = "{{ trans('visiosoft.module.advs::field.passive') }}";
|
var extend_ad = "{{ trans('visiosoft.module.profile::button.extend') }}";
|
||||||
var delete_ad = "{{ trans('visiosoft.module.profile::button.delete') }}";
|
var edit_ad = "{{ trans('visiosoft.module.profile::button.edit') }}";
|
||||||
var extend_ad = "{{ trans('visiosoft.module.profile::button.extend') }}";
|
var ads_per_page = "{{ setting_value('streams::per_page') }}";
|
||||||
var edit_ad = "{{ trans('visiosoft.module.profile::button.edit') }}";
|
var no_ads_message = "{{ trans('visiosoft.module.advs::field.no_ads') }}";
|
||||||
var ads_per_page = "{{ setting_value('streams::per_page') }}";
|
</script>
|
||||||
var no_ads_message = "{{ trans('visiosoft.module.advs::field.no_ads') }}";
|
{{ asset_add('scripts.js','visiosoft.module.profile::assets/js/ads.js') }}
|
||||||
</script>
|
{% endblock %}
|
||||||
{{ asset_add('scripts.js','visiosoft.module.profile::assets/js/ads.js') }}
|
{% endembed %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
@ -1,23 +1,15 @@
|
|||||||
{% extends "theme::layouts/default" %}
|
{% extends "theme::layouts/default" %}
|
||||||
|
|
||||||
{% block styles %}
|
|
||||||
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
{% 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">
|
<div class="row px-3">
|
||||||
|
|
||||||
<!-- User Profile Detail Section-->
|
<!-- User Profile Detail Section-->
|
||||||
@ -175,8 +167,8 @@
|
|||||||
<!-- User Profile Form Section-->
|
<!-- User Profile Form Section-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
{% endblock %}
|
||||||
|
{% endembed %}
|
||||||
|
|
||||||
</div>
|
|
||||||
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/profile.js") }}
|
{{ asset_add("scripts.js", "visiosoft.module.profile::assets/js/profile.js") }}
|
||||||
{% endblock %}
|
{% 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>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</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">
|
<a href="{{ url_route('profile::profile') }}" class="px-3 mb-2 link-unstyled">
|
||||||
<img src="{{ img('visiosoft.module.profile::images/interface.svg').url }}">
|
<img src="{{ img('visiosoft.module.profile::images/interface.svg').url }}">
|
||||||
<p>{{ auth_user().name }}</p>
|
<p>{{ auth_user().name }}</p>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user