stable

Author: giladfuchs

fastapi-postgres/common/config.py

@@ -29,5 +29,9 @@ class Settings:
     JWT_EXP: int = 3600
     POSTGRES_DATABASE_URL: str = DATABASE_URL
 
+    # Field that defines the "owner" of the record in a multi-tenant setup
+    # (e.g. teacher_id as the owner of students and their tasks)
+    AUTH_PARENT_FIELD = "teacher_id"
+
 
 conf = Settings()

vue3/src/assets/layouts/full/FullLayout.vue

@@ -22,7 +22,7 @@ const auth_store = useAuthStore();
         ></v-progress-linear>
 
         <v-container fluid class="page-wrapper">
-            <RouterView />
+          <RouterView />
         </v-container>
       </v-main>
     </v-app>

vue3/src/assets/locales/en.json

@@ -3,6 +3,7 @@
   "toast.edit_success": "Successfully updated {model}",
 
   "models.student": "Student",
+  "models.teacher": "Teacher",
   "models.assignment": "Assignment",
 
   "name": "Name",

vue3/src/common/config.ts

@@ -9,7 +9,7 @@ export const is_development: boolean = process.env.NODE_ENV === 'development';
 const config: ConfigProps = {
   actTheme: 'DarkGreenTheme',
   fontTheme: 'Roboto',
-  apiUrl: is_development ? 'http://0.0.0.0:5001' : import.meta.env.VITE_API_URL,
+  apiUrl: is_development ? 'http://0.0.0.0:5001' : import.meta.env.VITE_API_URL
 };
 
 export default config;

vue3/src/common/helper.ts

@@ -1,21 +1,11 @@
-export function array_obj_to_obj_with_key<T, K extends keyof T>(
-  iterable: T[],
-  value: T[K],
-  key: K
-): T | undefined {
+export function array_obj_to_obj_with_key<T, K extends keyof T>(iterable: T[], value: T[K], key: K): T | undefined {
   return iterable.find((o) => o[key] === value);
 }
 
-export function array_to_dict<T, K extends keyof T & PropertyKey>(
-  iterable: T[],
-  key: K = 'id' as K
-): Record<T[K] & PropertyKey, T> {
-  return Object.assign(
-    {},
-    ...iterable.map((o) => ({ [o[key] as T[K] & PropertyKey]: o }))
-  );
+export function array_to_dict<T, K extends keyof T & PropertyKey>(iterable: T[], key: K = 'id' as K): Record<T[K] & PropertyKey, T> {
+  return Object.assign({}, ...iterable.map((o) => ({ [o[key] as T[K] & PropertyKey]: o })));
 }
 
 export function deep_copy_stringify<T>(obj: T): T {
   return JSON.parse(JSON.stringify(obj)) as T;
-}
+}

vue3/src/common/types/table.ts

@@ -51,8 +51,8 @@ export const get_columns_ag_by_model = (model: ModelType): ColDef[] => {
 export type EasyTableModelType = Teacher;
 
 export const columns_teacher: Header[] = [
-  {  value: 'id', sortable: true },
-  {   value: 'phone', sortable: true }
+  { value: 'id', sortable: true },
+  { value: 'phone', sortable: true }
 ] as Header[];
 
 export const get_columns_easy_table_by_model = (title: ModelType): Header[] => {

vue3/src/views/components/form/Form.vue

@@ -20,14 +20,11 @@ const url = computed<string>(() => route.params.url as string);
 const model = computed<ModelType>(() => route.params.model as ModelType);
 const isAdd: boolean = url.value === 'add';
 
-
 const obj = isAdd
   ? {}
-  : array_obj_to_obj_with_key<RowWithId, 'id'>(general_store.list[model.value] as RowWithId[], Number(url.value), 'id') ?? {};
+  : (array_obj_to_obj_with_key<RowWithId, 'id'>(general_store.list[model.value] as RowWithId[], Number(url.value), 'id') ?? {});
 
-const controls = computed<inputFilters>(() =>
-  create_form_fields(get_form_by_model(model.value), obj)
-);
+const controls = computed<inputFilters>(() => create_form_fields(get_form_by_model(model.value), obj));
 const create_update = async (data: inputFilters) => {
   const message = t(isAdd ? 'toast.create_success' : 'toast.edit_success', {
     model: t(`models.${model.value}`)

vue3/src/views/components/general/StudentProfile.vue

@@ -17,9 +17,8 @@ type StudentItem = {
   key: keyof Student;
 };
 
-
 const items: StudentItem[] = [
-  { icon: markRaw(PhoneIcon),  key: 'phone' },
+  { icon: markRaw(PhoneIcon), key: 'phone' },
   { icon: markRaw(SchoolIcon), key: 'grade' }
 ];
 const delete_row = async () => {

vue3/src/views/components/table/ag_table/AGTableBase.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { AgGridVue } from 'ag-grid-vue3';
-import type { ColDef, GridApi, GridOptions , GridReadyEvent} from 'ag-grid-community';
+import type { ColDef, GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community';
 
 import ActionRenderer from '@/views/components/table/ag_table/renderer/ActionRenderer.vue';
 import AssignmentsRenderer from '@/views/components/table/ag_table/renderer/AssignmentsRenderer.vue';
@@ -19,9 +19,7 @@ const props = defineProps<Props>();
 const localizedCols: ColDef[] = props.columns.map((col: ColDef) => ({
   ...col,
   headerName: t(`ag.headerName.${col.field as string}`),
-  valueFormatter:
-    col.valueFormatter ??
-    ((p) => (p.value && typeof p.value === 'object' ? '' : p.value)),
+  valueFormatter: col.valueFormatter ?? ((p) => (p.value && typeof p.value === 'object' ? '' : p.value))
 }));
 
 const gridApi = ref<GridApi | null>(null);
@@ -31,13 +29,13 @@ const gridOptions: GridOptions<AGTableModelType> = {
   animateRows: true,
   rowSelection: {
     mode: 'singleRow',
-    enableClickSelection: false,
-  },
+    enableClickSelection: false
+  }
 };
 
 const gridComponents = {
   ActionRenderer,
-  AssignmentsRenderer,
+  AssignmentsRenderer
 };
 
 const onGridReady = (params: GridReadyEvent) => {
@@ -54,8 +52,7 @@ const onFirstDataRendered = () => {
 const defaultColDef: ColDef = {
   resizable: true,
   sortable: true,
-  filter: true,
-
+  filter: true
 };
 
 const exportDataAsCsv = () => gridApi.value?.exportDataAsCsv();
@@ -83,4 +80,4 @@ defineExpose({ exportDataAsCsv });
 .ag-theme-alpine {
   --ag-input-icon-color: transparent;
 }
-</style>
+</style>

vue3/src/views/components/table/ag_table/AGTableHeader.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref  } from 'vue';
+import { ref } from 'vue';
 import { ModelType } from '@/common/types';
 
 interface Props {