Jump to content

Search the Community

Showing results for tags 'Frontend'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • RAGE Multiplayer
    • Announcements
    • Discussion
    • Suggestions
  • Scripting
    • Scripting
    • Resources
  • Community
    • Support
    • Servers
    • Media Gallery
  • Non-English
    • Русский - Russian
    • Français - French
    • Deutsch - German
    • Espanol - Spanish
    • Română - Romanian
    • Portuguesa - Portuguese
    • Polski - Polish

Categories

  • Scripts
  • Gamemodes
  • Libraries
  • Plugins
  • Maps
  • Tools

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Facebook


Youtube


Skype


Web


VK

Found 3 results

  1. Version 1.0.1

    67 downloads

    Template for ReactTS using NextUI and TailwindCSS This project serves as a template for getting started with React on your RageMP server. It is using TypeScript, and comes with NextUI providing all necessary building blocks and TailwindCSS for additional styling. The idea is to have one UI project containing everything you need, with modals that can be toggled on demand. I was struggling with getting what I needed from Vue, and decided to scrap that idea and went forward with React. I hope this will save others some time if you should choose the same. After browsing the forum a bit and seeing some of the valuable examples already existing for user interfaces, they didn't quite get me where I needed. So this is my take using, a globally exposed function invokeEvent that can be used to show, hide and toggle modals. This allows for as many modals to be displayed at the same time as you would like. I do want to mention https://rage.mp/forums/topic/2571-guide-creating-ui-with-react/ for having the idea of an EventManager to get the bridge between RageMP and the React instance. Though it is meant for JavaScript it was helpful to get things rolling. Build Run npm run build and grab the dist folder and put it inside your server client packages. Client events After instantiating your browser it will support three functions for toggling modals on demand. The template contains a login example, so invoking trigger('show', 'login'); will enable the login modal etc. More modals can easily be created by following the structure as seen in the code. let browser = mp.browsers.new("http://package/gamemode/cef/index.html"); mp.events.add('ShowModal::Client', (modal) => { browser.execute(`invokeEvent('show', '${modal}');`); }); mp.events.add('ToggleModal::Client', (modal) => { browser.execute(`invokeEvent('toggle', '${modal}');`); }); mp.events.add('HideModal::Client', (modal) => { browser.execute(`invokeEvent('hide', '${modal}');`); }); Check out my GTARoleplay gamemode where this resource is actively being used. Read more about it here: https://github.com/Andreas1331/ragemp-roleplay-readme GitHub repository link https://github.com/Andreas1331/ragemp-roleplay-ui
  2. Hallo, wie einige von euch wahrscheinlich wissen, bin ich im Frontend Bereich tätig, und habe auch schon bei einigen Projekten mitgewirkt, und wirke immer noch mit. Mit meinen Free Resources vor allem. Ich wollte einfach mal eine Kostenfreie Partnerschaft anbieten, an Netzwerke. Die eventuell genau an dieser Stelle Probleme haben. Nichts Kommerzielles oder sonstiges, demnach bitte ich auch falls ein Moderator diesen Beitrag übersetzen sollte, den Beitrag nicht zu löschen. Falls ihr Referenzen und Infos haben wollt, können wir uns gerne im TeamSpeak auf ein schönes Gespräch treffen, oder ihr fragt mich via Discord aus. Die meisten Fragen klären sich aber glaube ich in dem ihr den Content auf meiner Website anschaut. Hier die Weiterleitungen und Kontakt Infos: Discord: ! .CommanderDonkey👑#7546 TeamSpeak Server: RageMP Website: https://CommanderDonkey.de Email: [email protected] MFG. Joshua Gerke / CommanderDonkey
×
×
  • Create New...