API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 17th, 2019
226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.07 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <html>
  5. <head>
  6. <title>Nico_Pader - StateV - Erstellung deines Charakters</title>
  7. <link rel="icon" type="image/png" href="https://statev.de/forum">
  8.  
  9. <link rel="stylesheet" href="style.css">
  10.  
  11. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  12.  
  13. <meta charset="utf-8">
  14.  
  15. <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  16. <script src="script.js"></script>
  17. </head>
  18. <body>
  19. <header>
  20. <img src="logo.png">
  21. </header>
  22. <div class="sv-loading">
  23. <img src="loading.svg" />
  24. </div>
  25. <div class="sv-body" style="display: none;">
  26. {{setData('messageID', '')}}
  27. {{setData('boardID', '62392')}}
  28. <section class="sv-list" v-if="getactive() == 'home'">
  29. <div class="sv-box">
  30. <div class="sv-box-header">
  31. <p class="sv-title">1</p>
  32. <p class="sv-subtitle">Schritt</p>
  33. </div>
  34. <div class="sv-box-body">
  35. <p class="sv-title">Regelwerk</p>
  36. <i class="fas fa-balance-scale"></i>
  37.  
  38. <pre></pre>
  39.  
  40. <p class="sv-info">
  41. Lies die Regelwerke auf unserem Forum.
  42. </p>
  43. </div>
  44. <div class="sv-box-footer status"
  45. v-bind:class="{next: step == 0, finish: step >= 1}">
  46. <p v-if="step == 0" v-on:click="setactive('rules')">Weiter</p>
  47. <p v-if="step >= 1">Abgeschlossen</p>
  48. </div>
  49. </div>
  50. <div class="sv-box">
  51. <div class="sv-box-header">
  52. <p class="sv-title">2</p>
  53. <p class="sv-subtitle">Schritt</p>
  54. </div>
  55. <div class="sv-box-body">
  56. <p class="sv-title">Charakter</p>
  57. <i class="fas fa-user"></i>
  58.  
  59. <pre></pre>
  60.  
  61. <p class="sv-info">
  62. Erstelle deinen Charakter für StateV.
  63. </p>
  64. </div>
  65. <div class="sv-box-footer status"
  66. v-bind:class="{next: step == 1, finish: step >= 2, error: error == true}">
  67. <p v-if="step < 1" >nicht Erfüllt</p>
  68. <p v-if="step == 1" v-on:click="setactive('character')">Weiter</p>
  69. <p v-if="step >= 2">Abgeschlossen</p>
  70. </div>
  71. </div>
  72. <div class="sv-box">
  73. <div class="sv-box-header">
  74. <p class="sv-title">3</p>
  75. <p class="sv-subtitle">Schritt</p>
  76. </div>
  77. <div class="sv-box-body">
  78. <p class="sv-title">Installation</p>
  79. <i class="fas fa-compact-disc"></i>
  80.  
  81. <pre></pre>
  82.  
  83. <p class="sv-info">
  84. Zur weiteren Erklärung bzgl. der Installation, lies bitte das Tutorial im Forum.
  85. </p>
  86. </div>
  87. <div class="sv-box-footer status"
  88. v-bind:class="{next: step == 2, finish: step >= 3}">
  89. <p v-if="step < 2" >nicht Erfüllt</p>
  90. <p v-if="step == 2" v-on:click="setactive('install')">Weiter</p>
  91. <p v-if="step >= 3">Abgeschlossen</p>
  92. </div>
  93. </div>
  94. <div class="sv-box">
  95. <div class="sv-box-header">
  96. <p class="sv-title">4</p>
  97. <p class="sv-subtitle">Schritt</p>
  98. </div>
  99. <div class="sv-box-body">
  100. <p class="sv-title">Verbinden</p>
  101. <i class="fas fa-plug"></i>
  102.  
  103. <pre></pre>
  104.  
  105. <p class="sv-info">
  106. Hier wird dir erklärt, wie Du dich das erste mal zum StateV Server verbinden kannst.
  107. </p>
  108. </div>
  109. <div class="sv-box-footer status"
  110. v-bind:class="{next: step == 3}">
  111. <p v-if="step < 3" >nicht Erfüllt</p>
  112. <p v-if="step == 3" v-on:click="setactive('connect')">Weiter</p>
  113. <p v-if="step >= 4">Abgeschlossen</p>
  114. </div>
  115. </div>
  116. </section>
  117. <section class="sv-list column" v-if="getactive() == 'rules'">
  118. <div class="sv-container">
  119. <p>Allgemeines Regelwerk</p>
  120. <ul>
  121. <li>
  122. <p>§1 Geltungsbereich</p>
  123. <ul>
  124. <li>Das Allgemeine Regelwerk gilt auf allen Plattformen, die StateV zur Verfügung stellt.</li>
  125. <li>Zusätzlich gilt auf dem Game-Server das Ingame-Regelwerk.</li>
  126. <li>Zusätzlich gilt im Forum das Forum-Regelwerk.</li>
  127. <li>Zusätzlich gilt auf dem Teamspeak- und Discord-Server das Teamspeak-Discord- Regelwerk.</li>
  128. </ul>
  129. </li>
  130. <li>
  131. <p>§1 Geltungsbereich</p>
  132. <ul>
  133. <li>Das Allgemeine Regelwerk gilt auf allen Plattformen, die StateV zur Verfügung stellt.</li>
  134. <li>Zusätzlich gilt auf dem Game-Server das Ingame-Regelwerk.</li>
  135. <li>Zusätzlich gilt im Forum das Forum-Regelwerk.</li>
  136. <li>Zusätzlich gilt auf dem Teamspeak- und Discord-Server das Teamspeak-Discord- Regelwerk.</li>
  137. </ul>
  138. </li>
  139. </ul>
  140. </div>
  141. <div class="sv-container">
  142. <p>Allgemeines Regelwerk</p>
  143. <ul>
  144. <li>
  145. <p>§1 Geltungsbereich</p>
  146. <ul>
  147. <li>Das Allgemeine Regelwerk gilt auf allen Plattformen, die StateV zur Verfügung stellt.</li>
  148. <li>Zusätzlich gilt auf dem Game-Server das Ingame-Regelwerk.</li>
  149. <li>Zusätzlich gilt im Forum das Forum-Regelwerk.</li>
  150. <li>Zusätzlich gilt auf dem Teamspeak- und Discord-Server das Teamspeak-Discord- Regelwerk.</li>
  151. </ul>
  152. </li>
  153. </ul>
  154. </div>
  155. <div class="sv-controll">
  156. <div class="sv-select">
  157. <input type="checkbox" v-model="rulesAccepted">
  158. <i class="fas fa-check-square selected"></i>
  159. <i class="far fa-square"></i>
  160. <p>Ich akzeptiere das Regelwerk und bestätige das ich mich eigenmächtig über Änderungen in Kentniss setze.</p>
  161. </div>
  162. <div class="sv-buttons">
  163. <button v-on:click="setactive('home')">Zurück</button>
  164. <button v-on:click="step = 1; setactive('home')" v-bind:disabled="rulesAccepted == false">Weiter</button>
  165. </div>
  166. </div>
  167. </section>
  168. <section class="sv-form" v-if="getactive() == 'character'">
  169. <div class="sv-container">
  170. <p>Charakter erstellen<span>Die Gestaltung deines Charakters kannst Du dann direkt auf unserem Server vornehmen.</span></p>
  171. <form>
  172. <div class="notify" v-bind:class="message.class" v-if="message.text.length">
  173. {{message.text}}
  174. </div>
  175. <p class="sv-title">Charaktername</p>
  176. <p class="sv-info">
  177. <i class="fas fa-info"></i>
  178. <span>Der Charaktername muss zwischen 5 und 30 Zeichen lang sein, darf nur zwei Großbuchstaben, sowie einen Unterstrich beinhalten. Der Charaktername darf außerdem keine Sonderzeichen, sowie Umlaute enthalten.</span>
  179. </p>
  180. <input type="text" autocomplete="off" placeholder="Maximilian_Mustermann" @input="checkCharacter()" v-model="charactername" v-bind:class="{error: error.charactername == true}"/>
  181. <p class="sv-title next-group">Passwort</p>
  182. <p class="sv-info">
  183. <i class="fas fa-info"></i>
  184. <span>Dein Kennwort muss mindestens 8 Zeichen lang sein.</span>
  185. </p>
  186. <input type="password" autocomplete="off" @input="checkPassword()" v-model="password" v-bind:class="{error: error.password == true}" />
  187. <p class="sv-title">Passwort wiederholen</p>
  188. <input type="password" autocomplete="off" @input="checkPassword()" v-model="passwordApply" v-bind:class="{error: error.passwordApply == true}" />
  189. </form>
  190. </div>
  191.  
  192. <div class="sv-controll">
  193. <div class="sv-buttons">
  194. <button v-on:click="setactive('home')">Zurück</button>
  195. <button v-on:click="prepareDataForSending();charCreationDone=true" v-bind:disabled="creationError() == true" :disabled="charCreationDone == true">Weiter</button>
  196. </div>
  197. </div>
  198. </section>
  199. <section class="sv-list column" v-if="getactive() == 'installation'">
  200. <div class="sv-container">
  201. <p>Installation</p>
  202. <ul>
  203. <li>
  204. <p><b>Vorraussetzungen</b></p>
  205. <ul>
  206. <li>Du besitzt eine Legal erworbene Spielkopie von Grand Theft Auto V.</li>
  207. <li>Das Spielen auf unserem Projekt ist erst mit vollendung des 18 Lebensjahres gestattet.</li>
  208. <li><b>Prozessor:</b> Intel Core 2 Quad CPU Q6600 @ 2,4GHz / AMD Phenom 9850 Quad-Core Prozessor @ 2,5GHz</li>
  209. <li><b>Grafikkarte:</b> NVIDIA 9800 GT 1GB / AMD HD 4870 1GB (DX 10, 10.1, 11)</li>
  210. <li><b>Festplattenspeicher:</b> 65GB + 5GB</li>
  211. </ul>
  212. </li>
  213. <li>
  214. <p><b>Erste Schritte</b></p>
  215. <ul>
  216. <li>Platzhalter</li>
  217. </ul>
  218. </li>
  219. <li>
  220. <p><b>RageMP</b></p>
  221. <ul>
  222. <li>Platzhalter</li>
  223. </ul>
  224. </li>
  225. <li>
  226. <p><b>Gamefiles</b></p>
  227. <ul>
  228. <li>Platzhalter</li>
  229. </ul>
  230. </li>
  231. <li>
  232. <p><b>Teamspeak Synchronisation</b></p>
  233. <ul>
  234. <li>Klicke im Forum unter Kontrollzentrum auf deine <a target="_blank" href="https://statev.de/forum/index.php?team-speak-id-list/">Teamspeak Identitäten</a>.</li>
  235. <li>Oben Rechts auf <a target="_blank" href="https://statev.de/forum/index.php?team-speak-id-add/">Teamspeak Identität hinzufügen</a> klicken.</li>
  236. <li>Im Teamspeak3 Client auf <b>Extras -> Identitäten</b> (Strg+I) klicken.</li>
  237. <li>Solltest Du keine EindeutigeID sehen, klicke unten im Dialog auf <b>Experte</b>.</li>
  238. <li>Kopiere deine EindeutigeID (Markieren + Strg+V) und trage Sie im Forum im <b>Eingabefeld EindeutigeID</b> ein.</li>
  239. <li>Um deine Identität für verschiedene Geräte wieder zu finden, kannst du eine <b>Geräte-Notiz</b> eintragen.</li>
  240. <li>Klicke danach auf <b>Absenden</b>. <span>Du musst zu diesem Zeitpunkt auf unserem Teamspeak3 Server aktiv sein.</span></li>
  241. <li>Du bekommst eine Private Nachricht zugesendet, mit einem <b>Aktivierungscode</b>.</li>
  242. <li>Trage diesen Aktivierungscode im Forum ein und klicke auf <b>Absenden</b>.</li>
  243. <li>Öffne das <a target="_blank" href="https://net.statev.de/">StateNET</a> und klicke auf den Reiter <b>Profil</b>.</li>
  244. <li>Klicke auf den Stift Rechts neben dem Feld Teamspeak ID.</li>
  245. <li>Trage deine EindeutigeID in das Eingabefeld ein und klicke auf <b>Speichern</b>. <span>Du darfst für diesen Schritt nicht auf dem GameServer aktiv sein.</span></li>
  246. </ul>
  247. </li>
  248. </ul>
  249. </div>
  250.  
  251. <div class="sv-controll">
  252. <div class="sv-buttons">
  253. <button v-on:click="setactive('home')">Zurück</button>
  254. <button v-on:click="step = 3; setactive('home')" v-bind:disabled="creationError() == true">Weiter</button>
  255. </div>
  256. </div>
  257. </section>
  258. <section class="sv-list" v-if="getactive() == 'connect'">
  259. <div class="sv-container">
  260. <p>Charakter erstellen<span>Die Gestaltung deines Charakters kannst du dann direkt auf unserem Server vornehmen.</span></p>
  261. <form>
  262. <p class="sv-title">Charaktername</p>
  263. <p class="sv-info">
  264. <i class="fas fa-info"></i>
  265. <span>Der Charaktername muss zwischen 5 und 30 Zeichen lang sein, darf nur zwei Großbuchstaben, sowie einen Unterstrich beinhalten. Der Charaktername darf außerdem keine Sonderzeichen, sowie Umlaute enthalten.</span>
  266. </p>
  267. <input type="text" placeholder="Maximilian_Mustermann"></input>
  268. <p class="sv-title next-group">Passwort</p>
  269. <p class="sv-info">
  270. <i class="fas fa-info"></i>
  271. <span>Dein Kennwort muss mindestens 8 Zeichen lang sein.</span>
  272. </p>
  273. <input type="text"></input>
  274. <p class="sv-title">Passwort wiederholen</p>
  275. <input type="text"></input>
  276. </form>
  277. </div>
  278.  
  279. <div class="sv-controll">
  280. <div class="sv-buttons">
  281. <button v-on:click="setactive('home')">Zurück</button>
  282. <button v-on:click="step = 3; setactive('home')" v-bind:disabled="creationError() == true">Weiter</button>
  283. </div>
  284. </div>
  285. </section>
  286. <footer>
  287. <p>Copyright 2019 StateV.de</p>
  288. </footer>
  289. </div>
  290. </body>
  291. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!