changed report song url, added report user button

src/app.htm

@@ -304,6 +304,9 @@
               </div>
             </div>
           </div>
+          <div class="user-detail-actions">
+            <button class="button-report button" onclick="UserDetailReport()" locale>userdetail.actions.reportButton</button>
+          </div>
           <div class="song-row song-row-user">
             <div class="song-header">
               <div class="row-title row-title-noactions" locale>userdetail.uploaded.header</div>

src/assets/css/userdetail.css

@@ -27,6 +27,38 @@
 .section-user-detail .user-detail-background .user-detail-dim .user-detail.active {
   display: grid;
 }
+.section-user-detail .user-detail-actions {
+  padding: 50px;
+  padding-top: 0px;
+  display: none;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+  grid-gap: 25px;
+}
+.section-user-detail .user-detail-actions .button {
+  padding: 15px 0px;
+  font-size: 16px;
+  transition: 0.2s ease-in-out all, 0.1s ease-in-out transform;
+}
+.section-user-detail .user-detail-actions .button.button-primary {
+  background: #fff;
+  color: #222;
+}
+.section-user-detail .user-detail-actions .button.button-primary:hover {
+  background: #fff;
+  color: #222;
+}
+.section-user-detail .user-detail-actions .button:hover {
+  background: rgba(255, 255, 255, 0.2);
+  color: #fff;
+  opacity: 0.6;
+  transform: translateY(-4px);
+}
+.section-user-detail .user-detail-actions .button:active {
+  transform: translateY(-2px);
+}
+.section-user-detail .user-detail-actions.active {
+  display: grid;
+}
 .section-user-detail .song-row-user {
   padding: 0px 50px;
   margin-bottom: 50px;

src/assets/css/userdetail.less

@@ -34,6 +34,43 @@
             }
         }
     }
+    & .user-detail-actions {
+        padding: 50px;
+        padding-top: 0px;
+        display: none;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-gap: 25px;
+
+        & .button {
+            padding: 15px 0px;
+            font-size: 16px;
+            transition: 0.2s ease-in-out all, 0.1s ease-in-out transform;
+
+            &.button-primary {
+                background: #fff;
+                color: #222;
+
+                &:hover {
+                    background: #fff;
+                    color: #222;
+                }
+            }
+
+            &:hover {
+                background: rgba(255,255,255,0.2);
+                color: #fff;
+                opacity: 0.6;
+                transform: translateY(-4px);
+            }
+            &:active {
+                transform: translateY(-2px);
+            }
+        }
+
+        &.active {
+            display: grid;
+        }
+    }
 
     & .song-row-user {
         padding: 0px 50px;

src/assets/js/section.songdetail.js

@@ -111,5 +111,5 @@ function SongDetailCopyLink() {
 }
 
 function SongDetailReport() {
-    shell.openExternal("https://spinsha.re/report/" + currentSongId);
+    shell.openExternal("https://spinsha.re/report/song/" + currentSongId);
 }
\ No newline at end of file

src/assets/js/section.userdetail.js

 const DOMUserDetailBackground = document.querySelector(".user-detail-background");
+const DOMUserDetailActions = document.querySelector(".user-detail-actions");
 const DOMUserDetail = document.querySelector(".section-user-detail .user-detail");
 const DOMUserDetailAvatar = document.querySelector(".section-user-detail .user-avatar");
 const DOMUserSongRow = document.querySelector(".song-row-user");
 
+let currentUserId = 0;
+
 const DOMUserName = DOMUserDetail.querySelector(".user-name");
 const DOMUserSongsList = document.querySelector(".song-row-user .song-list");
 const DOMUserSongsNoResults = document.querySelector(".song-row-user .song-list-noresults");
 
 function UserDetailLoad(userId) {
     DOMUserDetail.classList.remove("active");
+    DOMUserDetailActions.classList.remove("active");
     DOMUserSongRow.classList.remove("active");
     DOMUserSongsNoResults.classList.remove("active");
 
@@ -17,11 +21,14 @@ function UserDetailLoad(userId) {
     api.getUserDetail(userId).then(function(apiResponse) {
         let userData = apiResponse.data;
 
+        currentUserId = userData.id;
+
         if(apiResponse.status == 404) {
             NavigateToSection(7);
         } else {
             DOMUserDetail.classList.add("active");
             DOMUserSongRow.classList.add("active");
+            DOMUserDetailActions.classList.add("active");
 
             DOMUserDetailBackground.style.backgroundImage = "url('" + userData.avatar + "')";
             DOMUserDetailAvatar.style.backgroundImage = "url('" + userData.avatar + "')";
@@ -40,3 +47,7 @@ function UserDetailLoad(userId) {
         NavigateToSection(6);
     });
 }
+
+function UserDetailReport() {
+    shell.openExternal("https://spinsha.re/report/user/" + currentUserId);
+}
\ No newline at end of file

src/locale/de.json

@@ -20,6 +20,7 @@
 	
 	"userdetail.uploaded.header": "Hochgeladene Songs",
 	"userdetail.uploaded.noresults": "Dieser Nutzer hat noch keine Songs hochgeladen.",
+	"userdetail.actions.reportButton": "Melden",
 	
 	"settings.general.header": "SpinShare",
 	"settings.general.version.label": "Version",

src/locale/en.json

@@ -20,6 +20,7 @@
 	
 	"userdetail.uploaded.header": "Uploaded Songs",
 	"userdetail.uploaded.noresults": "This user did not upload any songs yet.",
+	"userdetail.actions.reportButton": "Report",
 	
 	"settings.general.header": "SpinShare",
 	"settings.general.version.label": "Version",

src/locale/es.json

@@ -20,6 +20,7 @@
 	
 	"userdetail.uploaded.header": "Canciones Subidas",
 	"userdetail.uploaded.noresults": "Este usuario aún no ha subido canciones.",
+	"userdetail.actions.reportButton": "Reportar",
 	
 	"settings.general.header": "SpinShare",
 	"settings.general.version.label": "Versión",

src/locale/fr.json

@@ -20,6 +20,7 @@
 	
 	"userdetail.uploaded.header": "Afficher Chansons",
 	"userdetail.uploaded.noresults": "Usager n'a pas encore affiché un chanson.",
+	"userdetail.actions.reportButton": "Signaler",
 	
 	"settings.general.header": "SpinShare",
 	"settings.general.version.label": "Version",

src/locale/nl.json

@@ -20,6 +20,7 @@
 	
 	"userdetail.uploaded.header": "Geüploade nummers",
 	"userdetail.uploaded.noresults": "Deze gebruiker heeft nog geen nummers geüpload.",
+	"userdetail.actions.reportButton": "Rapporteren",
 	
 	"settings.general.header": "SpinShare",
 	"settings.general.version.label": "Versie",

src/locale/pt-BR.json

@@ -20,6 +20,7 @@
 	
 	"userdetail.uploaded.header": "Músicas Postadas",
 	"userdetail.uploaded.noresults": "Este usuário ainda não postou nenhuma música.",
+	"userdetail.actions.reportButton": "Reportar",
 	
 	"settings.general.header": "SpinShare",
 	"settings.general.version.label": "Versão",

src/locale/ru.json

@@ -20,6 +20,7 @@
 	
 	"userdetail.uploaded.header": "Загруженные песни",
 	"userdetail.uploaded.noresults": "Этот пользователь ещё не загрузил ни одной песни.",
+	"userdetail.actions.reportButton": "Пожаловаться",
 	
 	"settings.general.header": "SpinShare",
 	"settings.general.version.label": "Версия",

src/locale/speen.json

@@ -20,6 +20,7 @@
 	
 	"userdetail.uploaded.header": "SPEEN",
 	"userdetail.uploaded.noresults": "SPEEN",
+	"userdetail.actions.reportButton": "SPEEN",
 	
 	"settings.general.header": "SPEENSHARE",
 	"settings.general.version.label": "SPEEN",

src/locale/zh-CN.json

@@ -20,6 +20,7 @@
 	
 	"userdetail.uploaded.header": "以上传的音乐",
 	"userdetail.uploaded.noresults": "这用户还没有上传任何音乐。",
+	"userdetail.actions.reportButton": "提交报告",
 	
 	"settings.general.header": "SpinShare",
 	"settings.general.version.label": "版本",