diff --git a/src/auth/router.js b/src/auth/router.js index 1cf8091..7c839a1 100644 --- a/src/auth/router.js +++ b/src/auth/router.js @@ -8,6 +8,11 @@ import Videos from "@/routes/videos"; import NewVideo from "@/routes/videos/new"; import Login from "@/routes/auth/Login"; +export const MENUS = { + VIDEOS: "VIDEOS", + USUARIOS: "USUARIOS", +}; + const getUserRoles = () => { const rolesFromCookie = Cookies.get("user_roles"); // TODO: Tirar as permissões do usuário @@ -33,6 +38,7 @@ export const routes = [ title: "Vídeos", permissions: [roles.VIDEOS_LIST], showinModal: true, + menu: MENUS.VIDEOS, }, }, { @@ -44,6 +50,7 @@ export const routes = [ title: "Novo Vídeo", permissions: [roles.VIDEOS_LIST], showinModal: false, + menu: MENUS.VIDEOS, }, }, { diff --git a/src/routes/videos/new.vue b/src/routes/videos/new.vue index 7a99593..c2f04e2 100644 --- a/src/routes/videos/new.vue +++ b/src/routes/videos/new.vue @@ -50,18 +50,109 @@
-
+
+ +
+
+ +
+
-
+
-
+
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+ +
+
+ +
+ +
+
Tags
+ +
+
+ {{ tag }} +
+
+
+
+ + + +
+ Canal +
+ +
+
+ + Clique para abrir no youtube + + + + +
+ +
+ +
+ +
+ +
+
+ + + +
+ Thumbnail +
+ +
+ Thumbnail +
@@ -70,6 +161,23 @@

+ + +
+
+
+ +
+
+
+
@@ -86,39 +194,39 @@ import { getErrorMessage } from "@utils/axios"; dayjs.extend(duration); -const mock = { - id: "x9-YRAYhesI", - title: - "PROVEI A COMIDA DO EXÉRCITO CHINÊS - TROPA DE ELITE DA CHINA, PACOTE RARO", - thumbnail: "https://i.ytimg.com/vi_webp/x9-YRAYhesI/maxresdefault.webp", - description: - "Hoje iremos experimentar o mais novo pacote de ração militar das forças de elite da China, um dos pacotes de MRE mais difíceis e raros! Vamos comparar para ver se esse pacote é superior ao do exército do Brasil!?", - channel_id: "UCcFgREmujdPHvA7I_VOmgIA", - channel_url: "https://www.youtube.com/channel/UCcFgREmujdPHvA7I_VOmgIA", - duration: 1534, - view_count: 352973, - webpage_url: "https://www.youtube.com/watch?v=x9-YRAYhesI", - categories: ["People & Blogs"], - tags: [ - "area secreta", - "mre", - "camping", - "balian", - "acampamento", - "comida do exército", - "ração militar", - "sobrevivi", - "24 horas", - "acampando", - "comida chinesa", - ], - comment_count: 785, - like_count: 26175, - channel: "Área Secreta", - channel_follower_count: 10700000, - uploader: "Área Secreta", - timestamp: 1740956718, -}; +// const mock = { +// id: "x9-YRAYhesI", +// title: +// "PROVEI A COMIDA DO EXÉRCITO CHINÊS - TROPA DE ELITE DA CHINA, PACOTE RARO", +// thumbnail: "https://i.ytimg.com/vi_webp/x9-YRAYhesI/maxresdefault.webp", +// description: +// "Hoje iremos experimentar o mais novo pacote de ração militar das forças de elite da China, um dos pacotes de MRE mais difíceis e raros! Vamos comparar para ver se esse pacote é superior ao do exército do Brasil!?", +// channel_id: "UCcFgREmujdPHvA7I_VOmgIA", +// channel_url: "https://www.youtube.com/channel/UCcFgREmujdPHvA7I_VOmgIA", +// duration: 1534, +// view_count: 352973, +// webpage_url: "https://www.youtube.com/watch?v=x9-YRAYhesI", +// categories: ["People & Blogs"], +// tags: [ +// "area secreta", +// "mre", +// "camping", +// "balian", +// "acampamento", +// "comida do exército", +// "ração militar", +// "sobrevivi", +// "24 horas", +// "acampando", +// "comida chinesa", +// ], +// comment_count: 785, +// like_count: 26175, +// channel: "Área Secreta", +// channel_follower_count: 10700000, +// uploader: "Área Secreta", +// timestamp: 1740956718, +// }; export default { name: "NewVideo", @@ -131,7 +239,7 @@ export default { return { url: "", loading: false, - video: mock, + video: {}, }; }, methods: { @@ -167,6 +275,13 @@ export default { return duration.format("HH:mm:ss"); }, + convertoToNumberFormat(number) { + const formatter = new Intl.NumberFormat("pt-BR", { + maximumSignificantDigits: 3, + }); + + return formatter.format(number); + }, }, }; @@ -175,4 +290,9 @@ export default { .user-list { margin: 0 auto; } + +a { + text-decoration: none; + color: inherit; +}