DMXStage/dmxconnect
2
0
Fork 1
generated from thinkode/modelRepository
Code Issues 6 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

10-project-settings #13

Merged
thinkode merged 6 commits from 10-project-settings into develop 2024-07-08 11:19:37 +00:00
Conversation 0 Commits 6 Files Changed 20 +35 -15
11 changed files with 35 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit aac194502e - Show all commits

6
frontend/src/App.svelte
View File

@@ -1,10 +1,10 @@
<script>
import { _ } from 'svelte-i18n'
import NavigationBar from './components/NavigationBar.svelte';
import Clock from './components/Clock.svelte'
import NavigationBar from './components/General/NavigationBar.svelte';
import Clock from './components/General/Clock.svelte'
import Preparation from './components/Preparation.svelte';
import Animation from './components/Animation.svelte';
import Settings from './components/Settings.svelte';
import Settings from './components/Settings/Settings.svelte';
import Devices from './components/Devices.svelte';
import Show from './components/Show.svelte';
import GeneralConsole from './components/GeneralConsole.svelte';

2
frontend/src/components/Clock.svelte → frontend/src/components/General/Clock.svelte
View File

@@ -1,7 +1,7 @@
<script>
import { onDestroy } from 'svelte';
import * as SoftwareVariables from '../stores.js';
import * as SoftwareVariables from '../../stores.js';
// Import the main colors from the store
let firstColor, secondColor, thirdColor, fourthColor, okColor, nokColor

2
frontend/src/components/NavigationBar.svelte → frontend/src/components/General/NavigationBar.svelte
View File

@@ -2,7 +2,7 @@
import RoundIconButton from './RoundIconButton.svelte';
import Toggle from './Toggle.svelte';
import { createEventDispatcher, onDestroy } from 'svelte';
import * as SoftwareVariables from '../stores.js';
import * as SoftwareVariables from '../../stores.js';
import { _ } from 'svelte-i18n'
// Import the main colors from the store

2
frontend/src/components/RoundIconButton.svelte → frontend/src/components/General/RoundIconButton.svelte
View File

@@ -2,7 +2,7 @@
<script>
import { createEventDispatcher, onDestroy } from 'svelte';
import * as SoftwareVariables from '../stores.js';
import * as SoftwareVariables from '../../stores.js';
import Tooltip from './Tooltip.svelte';
import { _ } from 'svelte-i18n'

2
frontend/src/components/RoundedButton.svelte → frontend/src/components/General/RoundedButton.svelte
View File

@@ -1,6 +1,6 @@
<script lang=ts>
import { createEventDispatcher, onDestroy } from 'svelte';
import * as SoftwareVariables from '../stores.js';
import * as SoftwareVariables from '../../stores.js';
import Tooltip from './Tooltip.svelte';
export let text = 'Default button';

2
frontend/src/components/Tab.svelte → frontend/src/components/General/Tab.svelte
View File

@@ -1,7 +1,7 @@
<script lang=ts>
import RoundedButton from "./RoundedButton.svelte";
import { onDestroy } from 'svelte';
import * as SoftwareVariables from '../stores.js';
import * as SoftwareVariables from '../../stores.js';
export let tabs = [];

2
frontend/src/components/Toggle.svelte → frontend/src/components/General/Toggle.svelte
View File

@@ -2,7 +2,7 @@
<script lang=ts>
import { createEventDispatcher, onDestroy } from 'svelte';
import * as SoftwareVariables from '../stores.js';
import * as SoftwareVariables from '../../stores.js';
import Tooltip from './Tooltip.svelte';
import { _ } from 'svelte-i18n'

2
frontend/src/components/Tooltip.svelte → frontend/src/components/General/Tooltip.svelte
View File

@@ -2,7 +2,7 @@
export let message = "Default tooltip"
export let show = false
import * as SoftwareVariables from '../stores.js';
import * as SoftwareVariables from '../../stores.js';
import { onDestroy } from 'svelte';
// Import the main colors from the store

9
frontend/src/components/Settings/InputsOutputsContent.svelte Normal file
View File

@@ -0,0 +1,9 @@
<script lang=ts>
</script>
<button>You can change your hardware settings here</button>
<style>
</style>

9
frontend/src/components/Settings/ProjectPropertiesContent.svelte Normal file
View File

@@ -0,0 +1,9 @@
<script lang=ts>
</script>
<button>You can change your project properties here</button>
<style>
</style>

12
frontend/src/components/Settings.svelte → frontend/src/components/Settings/Settings.svelte
View File

@@ -1,12 +1,14 @@
<script lang=ts>
import RoundedButton from "./RoundedButton.svelte";
import Clock from "./Clock.svelte";
import Tab from "./Tab.svelte";
import RoundedButton from "../General/RoundedButton.svelte";
import ProjectPropertiesContent from "./ProjectPropertiesContent.svelte";
import InputsOutputsContent from "./InputsOutputsContent.svelte";
import Clock from "../General/Clock.svelte";
import Tab from "../General/Tab.svelte";
import { _ } from 'svelte-i18n'
const tabs = [
{ title: $_("projectPropertiesTab"), icon: 'bxs-info-circle', tooltip: $_("projectPropertiesTooltip"), component: RoundedButton },
{ title: $_("projectInputOutputTab"), icon: 'bxs-plug', tooltip: $_("projectInputOutputTooltip"), component: Clock },
{ title: $_("projectPropertiesTab"), icon: 'bxs-info-circle', tooltip: $_("projectPropertiesTooltip"), component: ProjectPropertiesContent },
{ title: $_("projectInputOutputTab"), icon: 'bxs-plug', tooltip: $_("projectInputOutputTooltip"), component: InputsOutputsContent },
];
</script>