Merge pull request #1419 from sobkulir/ui_update_zergbot

Add Tutorial button to ZergBot
trojsten · Dec 10, 2022 · 04fed74 · 04fed74
2 parents a3e99db + 511351d
commit 04fed74
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 3 deletions.
diff --git a/...sten/special/plugin_prask_8_1_1/READNE.md → ...sten/special/plugin_prask_8_1_1/README.md b/...sten/special/plugin_prask_8_1_1/READNE.md → ...sten/special/plugin_prask_8_1_1/README.md
@@ -2,6 +2,6 @@
 Toto je port originál ZergBota z 2014, ktorého vtedy skódil Adam Dej, Syseľ (a možno niekto ďalší). Originál kód je na troch miestach:
 * [Frontend na GDrive](https://drive.google.com/file/d/1FkCd3SrARQyyoSEE9EV90-EqlSeBD3Jv/view?usp=sharing)
 * [Backend v tomto repe](https://github.com/trojsten/web/pull/1214)
-* Skript, ktorý bežal interpreter na elementovi pri submte. Ten je asi stratený.
+* Skript, ktorý bežal interpreter na elementovi pri submite. Ten je asi stratený.
 
 Snažil som sa nechytať toho frontendového kódu moc. Hlavná zmena je, že backendový interpreter beží rovno na webovom serveri. Je to funkcia `run_interpreter()` vo `views.py`.
diff --git a/..._prask_8_1_1/static/plugin_prask_8_1_1/assets/graphics/buttons/btn_tutorial.png b/..._prask_8_1_1/static/plugin_prask_8_1_1/assets/graphics/buttons/btn_tutorial.png
diff --git a/...1_1/static/plugin_prask_8_1_1/assets/graphics/buttons/btn_tutorial_disabled.png b/...1_1/static/plugin_prask_8_1_1/assets/graphics/buttons/btn_tutorial_disabled.png
diff --git a/...1_1/static/plugin_prask_8_1_1/assets/graphics/buttons/btn_tutorial_selected.png b/...1_1/static/plugin_prask_8_1_1/assets/graphics/buttons/btn_tutorial_selected.png
diff --git a/trojsten/special/plugin_prask_8_1_1/static/plugin_prask_8_1_1/components/controllers.js b/trojsten/special/plugin_prask_8_1_1/static/plugin_prask_8_1_1/components/controllers.js
@@ -28,7 +28,8 @@ angular.module('zerg.controllers', [])
     .controller('GameCtrl', ['$scope', '$routeParams', '$location', '$timeout',
                              'Levels', 'Solutions', 'Submits', 'ngDialog',
         function ($scope, $routeParams, $location, $timeout, Levels, Solutions, Submits, ngDialog) {
-
+            $scope.staticUrlPrefix = STATIC_URL_PREFIX;
+
             var getCookie = function (name) {
                 var cookieValue = null;
                 if (document.cookie && document.cookie != '') {

diff --git a/trojsten/special/plugin_prask_8_1_1/static/plugin_prask_8_1_1/css/app.css b/trojsten/special/plugin_prask_8_1_1/static/plugin_prask_8_1_1/css/app.css
@@ -377,6 +377,18 @@ body {
   background-image: url('../assets/graphics/buttons/btn_stop_disabled.png');
 }
 
+.level_body .program_view .program_controls .button.tutorial {
+    background-image: url('../assets/graphics/buttons/btn_tutorial.png');
+  }
+
+.level_body .program_view .program_controls .button.tutorial:hover {
+    background-image: url('../assets/graphics/buttons/btn_tutorial_selected.png');
+  }
+
+.level_body .program_view .program_controls .button.tutorial.disabled {
+    background-image: url('../assets/graphics/buttons/btn_tutorial_disabled.png');
+  }
+
 .level_body .program_view .program_controls .button.warp {
   background-image: url('../assets/graphics/buttons/btn_warp.png');
 }

diff --git a/trojsten/special/plugin_prask_8_1_1/static/plugin_prask_8_1_1/partials/game.html b/trojsten/special/plugin_prask_8_1_1/static/plugin_prask_8_1_1/partials/game.html
@@ -31,7 +31,7 @@
 				<div class="button" ng-class="running ? 'stop' : 'run'" ng-click="runClick()"></div>
 				<div class="button warp" ng-class="running ? (warping ? (warping_fast ? 'active_turbo' : 'active') : '') : 'disabled'" ng-click="timewarp()"></div>
 				<div class="button reset" ng-class="running ? 'disabled' : ''" ng-click="resetGame()"></div>
-				<div class="button clear" ng-class="running ? 'disabled' : ''" ng-click="clearEditor()"></div>
+				<div class="button tutorial"><a style="display: block; width: 100%;height: 100%" href="{{ staticUrlPrefix }}/assets/tutorial.pdf" target="_blank"></a></div>
 				<div class="button exit" ng-click="exitGame()"></div>
 			</div>
 			<div class="program_editor">