Skip to content

Commit

Permalink
Add prettier & formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
@vanarok
vanarok committed Jul 17, 2024
1 parent 4a59661 commit 93e6c8a
Show file tree
Hide file tree
Showing 3 changed files with 50 additions and 56 deletions.
10 changes: 10 additions & 0 deletions .prettierrc
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
{
"tabWidth": 4,
"useTabs": false,
"singleQuote": true,
"printWidth": 180,
"semi": false,
"bracketSpacing": false,
"trailingComma": "none",
"arrowParens": "always"
}
68 changes: 26 additions & 42 deletions entrypoints/sidepanel/App.vue
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,15 @@
<script lang="ts" setup>
import {VueQueryDevtools} from '@tanstack/vue-query-devtools'
import Tasks from '@/views/Tasks.vue';
import Projects from "@/views/Projects.vue";
import {computed, ref} from "vue";
import RunningTask from "@/components/RunningTask.vue";
import {useRunningTaskQuery} from "@/composables/useRunningTaskQuery";
import {isTaskRunning} from "@/helpers";
import ProjectsActivator from "@/components/ProjectsActivator.vue";
import {useAssignTaskProject} from "@/composables/useAssignTaskProject";
import Settings from "@/views/Settings.vue";
import {useSettings} from "@/composables/useSettings";
import Tasks from '@/views/Tasks.vue'
import Projects from '@/views/Projects.vue'
import {computed, ref} from 'vue'
import RunningTask from '@/components/RunningTask.vue'
import {useRunningTaskQuery} from '@/composables/useRunningTaskQuery'
import {isTaskRunning} from '@/helpers'
import ProjectsActivator from '@/components/ProjectsActivator.vue'
import {useAssignTaskProject} from '@/composables/useAssignTaskProject'
import Settings from '@/views/Settings.vue'
import {useSettings} from '@/composables/useSettings'
const page = ref<'tasks' | 'projects' | 'settings'>('tasks')
const project = ref<unknown | null>(JSON.parse(localStorage.getItem('project')) || null)
Expand Down Expand Up @@ -57,65 +56,50 @@ const {statuses, isComplete} = useSettings()
if (!isComplete.value) {
page.value = 'settings'
}
</script>

<template>
<div class="project">
<Transition mode="out-in">
<RunningTask v-if="taskRunning" :project/>
<RunningTask v-if="taskRunning" :project />
<div v-else style="display: flex; flex-direction: column; gap: 1em">
<div class="control-panel">
<Transition mode="out-in">
<div v-if="page === 'tasks'"
style="display: flex; flex-direction: column; gap: 1em; width: 100%; align-items: center">
<ProjectsActivator :projectId @open-projects-page="page = 'projects'"
@clear-project-choose="updateProjectChoose(null)"/>
<div v-if="page === 'tasks'" style="display: flex; flex-direction: column; gap: 1em; width: 100%; align-items: center">
<ProjectsActivator :projectId @open-projects-page="page = 'projects'" @clear-project-choose="updateProjectChoose(null)" />
<div v-if="project" class="values">
<div>Budget
<div>
Budget
<div class="value">{{ project.budgeted_hours }}h</div>
</div>
<div>Spent
<div
:class="spentHoursColor"
class="value">{{ project.current_hours }}h
</div>
<div>
Spent
<div :class="spentHoursColor" class="value">{{ project.current_hours }}h</div>
</div>
<div v-if="project.due_date">
Due date
<div class="value" style="width: 8em"> {{
new Date(project.due_date).toLocaleDateString()
}}
</div>
<div class="value" style="width: 8em">{{ new Date(project.due_date).toLocaleDateString() }}</div>
</div>
</div>
</div>
<button
v-else-if="assignProjectMode"
id="project-choose-activator"
@click="cancelAssignProjectMode"
>
<button v-else-if="assignProjectMode" id="project-choose-activator" @click="cancelAssignProjectMode">
<span>Cancel</span>
</button>
<button
v-else-if="page === 'projects' || page === 'settings' && isComplete"
id="project-choose-activator"
@click="page = 'tasks'"
>
<button v-else-if="page === 'projects' || page === 'settings'" id="project-choose-activator" @click="page = 'tasks'">
<span>Return to tasks</span>
</button>
</Transition>
</div>
<Transition mode="out-in">
<Tasks v-if="page === 'tasks'" :project="project"/>
<Projects v-else-if="page === 'projects'" @project-choose="updateProjectChoose"/>
<Settings v-else-if="page === 'settings'"/>
<Tasks v-if="page === 'tasks'" :project="project" />
<Projects v-else-if="page === 'projects'" @project-choose="updateProjectChoose" />
<Settings v-else-if="page === 'settings'" />
</Transition>
<button v-if="page !== 'settings'" class="settings-button i-mdi-cog" @click="page = 'settings'"/>
<button v-if="page !== 'settings'" class="settings-button i-mdi-cog" @click="page = 'settings'" />
</div>
</Transition>
</div>
<VueQueryDevtools/>
<VueQueryDevtools />
</template>

<style scoped>
Expand Down
28 changes: 14 additions & 14 deletions wxt.config.ts
View file
Original file line number Diff line number Diff line change
@@ -1,35 +1,35 @@
import {defineConfig} from 'wxt';
import vue from '@vitejs/plugin-vue';
import {defineConfig} from 'wxt'
import vue from '@vitejs/plugin-vue'
import unocss from 'unocss/vite'

// See https://wxt.dev/api/config.html
export default defineConfig({
imports: {
addons: {
vueTemplate: true,
},
vueTemplate: true
}
},
vite: () => ({
plugins: [vue(), unocss()],
build: {
// Enabling sourcemaps with Vue during development is known to cause problems with Vue
sourcemap: false,
},
sourcemap: false
}
}),
manifest: {
name: 'Shuriken: Tasks manager for Invoice Ninja',
description: 'Open-source alternative for the official Invoice Ninja: Tasks Chrome extension',
permissions: ["sidePanel"],
permissions: ['sidePanel'],
action: {
"default_title": "Click to open panel"
default_title: 'Click to open panel'
},
commands: {
"_execute_action": {
"suggested_key": {
"default": "Ctrl+I",
"mac": "Ctrl+I"
_execute_action: {
suggested_key: {
default: 'Ctrl+I',
mac: 'Ctrl+I'
}
}
}
},
});
}
})

0 comments on commit 93e6c8a

Please sign in to comment.