Browse Source

оформление

pull/1/head
Sergey Verevkin 4 years ago
parent
commit
91937d38fb
  1. 14
      src/components/App/App.css
  2. 7
      src/components/GamePage/GamePage.css
  3. 7
      src/components/IntroPage/IntroPage.css
  4. 7
      src/index.css
  5. 7
      src/index.tsx
  6. 2
      src/model/Game.ts
  7. 2
      src/model/GameDto.ts
  8. 10
      src/model/WitchDto.ts
  9. 7
      src/resources/witch.svg
  10. 13
      src/store/apiStore/apiStore.service.ts

14
src/components/App/App.css

@ -1,3 +1,10 @@
/*
* @file Класс
* @version 2022.2.6
* @author Verevkin S.A.
* @copyright Verevkin S.A.
*/
.App { .App {
text-align: center; text-align: center;
} }
@ -6,10 +13,12 @@
color: red; color: red;
font-weight: bold; font-weight: bold;
} }
.game { .game {
width: 100%; width: 100%;
max-width: 500px; max-width: 500px;
} }
h1 { h1 {
color: gold; color: gold;
} }
@ -21,9 +30,11 @@ h1 {
.witch-row.state2 { .witch-row.state2 {
border: 1px solid darkred; border: 1px solid darkred;
} }
.witch-row.state0 { .witch-row.state0 {
border: 0; border: 0;
} }
.witch-row.state1 { .witch-row.state1 {
border: 1px solid darkgreen; border: 1px solid darkgreen;
} }
@ -31,12 +42,15 @@ h1 {
.small { .small {
font-size: 0.5em; font-size: 0.5em;
} }
.witch { .witch {
width: 100px; width: 100px;
} }
.witch img { .witch img {
width: 100px; width: 100px;
} }
.witch:hover { .witch:hover {
opacity: 0.5; opacity: 0.5;
animation: App-logo-spin infinite 10s linear; animation: App-logo-spin infinite 10s linear;

7
src/components/GamePage/GamePage.css

@ -0,0 +1,7 @@
/*
* @file Класс
* @version 2022.2.6
* @author Verevkin S.A.
* @copyright Verevkin S.A.
*/

7
src/components/IntroPage/IntroPage.css

@ -0,0 +1,7 @@
/*
* @file Класс
* @version 2022.2.6
* @author Verevkin S.A.
* @copyright Verevkin S.A.
*/

7
src/index.css

@ -1,3 +1,10 @@
/*
* @file Класс
* @version 2022.2.6
* @author Verevkin S.A.
* @copyright Verevkin S.A.
*/
body { body {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',

7
src/index.tsx

@ -1,3 +1,10 @@
/*
* @file Корневой элемент
* @version 2022.2.6
* @author Verevkin S.A.
* @copyright Verevkin S.A.
*/
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import './index.css'; import './index.css';

2
src/model/Game.ts

@ -1,5 +1,5 @@
/* /*
* @file Класс * @file Класс игры
* @version 2022.2.6 * @version 2022.2.6
* @author Verevkin S.A. * @author Verevkin S.A.
* @copyright Verevkin S.A. * @copyright Verevkin S.A.

2
src/model/GameDto.ts

@ -1,5 +1,5 @@
/* /*
* @file Класс * @file Класс dto игры
* @version 2022.2.6 * @version 2022.2.6
* @author Verevkin S.A. * @author Verevkin S.A.
* @copyright Verevkin S.A. * @copyright Verevkin S.A.

10
src/model/WitchDto.ts

@ -1,10 +1,8 @@
/* /*
* * * @file Класс dto ведьмы
* * @file Класс * @version 2022.2.6
* * @version {2022}.{2}.{6} * @author Verevkin S.A.
* * @author Verevkin S.A. * @copyright Verevkin S.A.
* * @copyright Verevkin S.A.
*
*/ */
export interface IWitchDto { export interface IWitchDto {

7
src/resources/witch.svg

@ -1,4 +1,11 @@
<?xml version="1.0" standalone="no"?> <?xml version="1.0" standalone="no"?>
<!--
- @file Класс
- @version 2022.2.6
- @author Verevkin S.A.
- @copyright Verevkin S.A.
-->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" <svg version="1.0" xmlns="http://www.w3.org/2000/svg"

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 15 KiB

13
src/store/apiStore/apiStore.service.ts

@ -1,5 +1,5 @@
/* /*
* @file Класс * @file Сервис взаимодействия
* @version 2022.2.6 * @version 2022.2.6
* @author Verevkin S.A. * @author Verevkin S.A.
* @copyright Verevkin S.A. * @copyright Verevkin S.A.
@ -12,7 +12,7 @@ import { Mapper } from '../mapper';
const service = { const service = {
// region Публичные функции // region Публичные функции
async getGame(): Promise<Game | undefined> { async getGame(): Promise<Game | undefined> {
const resultPromise = tool.get<IGameDto>('/game', {}); const resultPromise = tool.get<IGameDto>('/game', []);
return resultPromise.then((response: IGameDto | undefined): (Game | undefined) => { return resultPromise.then((response: IGameDto | undefined): (Game | undefined) => {
if (!response) return; if (!response) return;
return Mapper.fromGame(response); return Mapper.fromGame(response);
@ -20,9 +20,10 @@ const service = {
}, },
async gameTurn(gameGuid: string, witchGuid: string): Promise<Game | undefined> { async gameTurn(gameGuid: string, witchGuid: string): Promise<Game | undefined> {
const resultPromise = tool.get<IGameDto>('/turn', { const resultPromise = tool.get<IGameDto>('/turn', [
gameGuid, witchGuid {name: "gameGuid", value: gameGuid},
}); {name: "witchGuid", value: witchGuid},
]);
return resultPromise.then((response: IGameDto | undefined): (Game | undefined) => { return resultPromise.then((response: IGameDto | undefined): (Game | undefined) => {
if (!response) return; if (!response) return;
return Mapper.fromGame(response); return Mapper.fromGame(response);
@ -30,7 +31,7 @@ const service = {
}, },
async getVersion(): Promise<string | undefined> { async getVersion(): Promise<string | undefined> {
return tool.get<string>('/version', {}); return tool.get<string>('/version', []);
} }
// endregion // endregion
}; };

Loading…
Cancel
Save