diff --git a/addons/default/visiosoft/profile-module/resources/assets/css/profile-nav.scss b/addons/default/visiosoft/profile-module/resources/assets/css/profile-nav.scss index ee7d447f4..5b2993b64 100644 --- a/addons/default/visiosoft/profile-module/resources/assets/css/profile-nav.scss +++ b/addons/default/visiosoft/profile-module/resources/assets/css/profile-nav.scss @@ -66,6 +66,10 @@ margin-right: .75rem; width: 1.5rem; height: 1.5rem; + + path { + fill: rgb(80, 80, 80); + } } p { diff --git a/addons/default/visiosoft/profile-module/resources/assets/css/profile.scss b/addons/default/visiosoft/profile-module/resources/assets/css/profile.scss index 7f4046095..969aa6755 100644 --- a/addons/default/visiosoft/profile-module/resources/assets/css/profile.scss +++ b/addons/default/visiosoft/profile-module/resources/assets/css/profile.scss @@ -60,10 +60,10 @@ } img { - width: 165px; + width: 130px; height: 130px; object-fit: cover; - border-radius: 20px; + border-radius: 50%; @media (max-width: 992px) { display: flex; justify-content: center; @@ -113,6 +113,36 @@ height: 34px; } } + + form { + .new-profile-image { + position: relative; + bottom: 25px; + right: 30px; + cursor: pointer; + + @media (max-width: 992px) { + bottom: 120px; + left: 100px; + top: auto; + } + + @media (max-width: 576px) { + bottom: auto; + left: auto; + top: 10px; + } + } + .file-field { + visibility: hidden; + height: 0; + width: 0; + + #file-modal { + visibility: visible; + } + } + } } #nav-details { diff --git a/addons/default/visiosoft/profile-module/resources/assets/js/profile.js b/addons/default/visiosoft/profile-module/resources/assets/js/profile.js index e33e21fce..c3a99ce4d 100644 --- a/addons/default/visiosoft/profile-module/resources/assets/js/profile.js +++ b/addons/default/visiosoft/profile-module/resources/assets/js/profile.js @@ -1 +1,18 @@ -phoneMask("input[name='gsm_phone'],input[name='office_phone'],input[name='land_phone']") \ No newline at end of file +phoneMask("input[name='gsm_phone'],input[name='office_phone'],input[name='land_phone']") + +$('.new-profile-image').on('click', () => { + $('#file').parent().find('a').click() +}) + +//Listen to your custom event +window.addEventListener('uploadedSingleField', function (e) { + $('.uploaded .btn-success').on('click',function(e){ + e.preventDefault(); + + let id_selected = $(this).attr('data-file'); + $.get(REQUEST_ROOT_PATH + '/streams/media-field_type/selected?uploaded=' +id_selected, function(data) { + let profile_image_preview_url = $('.file-rows-table').html(data).find('img').attr('src'); + $('.profile-image img').attr('src', profile_image_preview_url); + }) + }) +}); \ No newline at end of file diff --git a/addons/default/visiosoft/profile-module/resources/images/camera.svg b/addons/default/visiosoft/profile-module/resources/images/camera.svg new file mode 100644 index 000000000..5bc280fa2 --- /dev/null +++ b/addons/default/visiosoft/profile-module/resources/images/camera.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/addons/default/visiosoft/profile-module/resources/images/detail2.svg b/addons/default/visiosoft/profile-module/resources/images/detail2.svg index 8e883c42d..763832a55 100644 --- a/addons/default/visiosoft/profile-module/resources/images/detail2.svg +++ b/addons/default/visiosoft/profile-module/resources/images/detail2.svg @@ -1,3 +1,18 @@ - - + + + + + + + + + + + + + + + + + diff --git a/addons/default/visiosoft/profile-module/resources/views/profile/detail.twig b/addons/default/visiosoft/profile-module/resources/views/profile/detail.twig index 9d20e64b4..cb832fd1f 100644 --- a/addons/default/visiosoft/profile-module/resources/views/profile/detail.twig +++ b/addons/default/visiosoft/profile-module/resources/views/profile/detail.twig @@ -18,246 +18,130 @@
- -
- + +
+
+