3 |
5 |
6 |
7 |
21 |
22 |
30 |
--------------------------------------------------------------------------------
/client/src/icons/components/password.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* tslint:disable */
3 | // @ts-ignore
4 | import icon from 'vue-svgicon'
5 | icon.register({
6 | 'password': {
7 | width: 128,
8 | height: 128,
9 | viewBox: '0 0 128 128',
10 | data: 'Admin Dashboard
4 |
6 |
12 |
13 |
14 |
28 |
29 |
38 |
--------------------------------------------------------------------------------
/client/src/icons/components/list.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* tslint:disable */
3 | // @ts-ignore
4 | import icon from 'vue-svgicon'
5 | icon.register({
6 | 'list': {
7 | width: 128,
8 | height: 128,
9 | viewBox: '0 0 128 128',
10 | data: '
3 |
5 |
6 |
7 |
34 |
--------------------------------------------------------------------------------
/client/src/icons/components/icon.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* tslint:disable */
3 | // @ts-ignore
4 | import icon from 'vue-svgicon'
5 | icon.register({
6 | 'icon': {
7 | width: 128,
8 | height: 128,
9 | viewBox: '0 0 128 128',
10 | data: '
3 | Edit
4 | {{ user }}
5 |
6 | Log
7 |
8 |
9 |
10 |
41 |
--------------------------------------------------------------------------------
/client/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "esnext",
4 | "module": "esnext",
5 | "strict": true,
6 | "jsx": "preserve",
7 | "importHelpers": true,
8 | "moduleResolution": "node",
9 | "experimentalDecorators": true,
10 | "esModuleInterop": true,
11 | "allowSyntheticDefaultImports": true,
12 | "sourceMap": true,
13 | "baseUrl": ".",
14 | "types": [
15 | "node",
16 | "jest",
17 | "webpack-env"
18 | ],
19 | "paths": {
20 | "@/*": [
21 | "src/*"
22 | ]
23 | },
24 | "lib": [
25 | "esnext",
26 | "dom",
27 | "dom.iterable",
28 | "scripthost"
29 | ]
30 | },
31 | "include": [
32 | "src/**/*.ts",
33 | "src/**/*.tsx",
34 | "src/**/*.vue",
35 | "tests/**/*.ts",
36 | "tests/**/*.tsx"
37 | ],
38 | "exclude": [
39 | "node_modules"
40 | ]
41 | }
42 |
--------------------------------------------------------------------------------
/client/src/api/me.ts:
--------------------------------------------------------------------------------
1 | import http from '@/utils/request'
2 | import {IUserData, IRoleData, IShopData} from './types';
3 |
4 | export const getUserMe = (data?: any) =>
5 | http.request
3 |
8 |
9 |
10 |
52 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 Michael Oliver
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/client/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2018 Chong Guo
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: "3.7"
2 |
3 | volumes:
4 | postgres_data: {}
5 |
6 | services:
7 | backend:
8 | build:
9 | context: ./server
10 | dockerfile: Dockerfile
11 | target: development
12 | volumes:
13 | - ./server:/app
14 | env_file:
15 | - docker/server.env
16 | - docker/postgres.env
17 | depends_on:
18 | - postgres
19 | - mailhog
20 | ports:
21 | - "8000:8000"
22 |
23 | postgres:
24 | image: postgres:12.2
25 | volumes:
26 | - postgres_data:/var/lib/postgresql/data
27 | - ./docker/init.sql:/docker-entrypoint-initdb.d/init.sql
28 | env_file:
29 | - docker/postgres.env
30 | ports:
31 | - "5432:5432"
32 |
33 | pgadmin:
34 | image: dpage/pgadmin4
35 | depends_on:
36 | - postgres
37 | environment:
38 | PGADMIN_DEFAULT_EMAIL: "pgadmin"
39 | PGADMIN_DEFAULT_PASSWORD: "pgadmin"
40 | ports:
41 | - "5050:80"
42 |
43 | mailhog:
44 | image: mailhog/mailhog:v1.0.0
45 | ports:
46 | - "8025:8025"
47 |
48 | splash-browser:
49 | image: scrapinghub/splash
50 | ports:
51 | - "8050:8050"
52 |
--------------------------------------------------------------------------------
/client/src/icons/svg/tree.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/client/src/icons/components/language.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* tslint:disable */
3 | // @ts-ignore
4 | import icon from 'vue-svgicon'
5 | icon.register({
6 | 'language': {
7 | width: 128,
8 | height: 128,
9 | viewBox: '0 0 128 128',
10 | data: '
3 |
4 |
7 |
8 |
9 |
13 |
15 |
16 |
17 |
19 |
20 |
21 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
60 |
--------------------------------------------------------------------------------
/server/app/service/emailservice.py:
--------------------------------------------------------------------------------
1 | import logging
2 |
3 | import yagmail
4 | from jinja2 import Template
5 |
6 | from app.settings import settings
7 |
8 | logger = logging.getLogger(__name__)
9 |
10 |
11 | TEMPLATES = {
12 | "verify_account": settings.EMAIL_TEMPLATES_DIR / "verify-account.html",
13 | }
14 |
15 |
16 | def send_email(to: str, subject: str, contents: str, **kwargs):
17 | """Sends an email with the project defined SMTP settings."""
18 | # Using a context manager here ensures the SMTP connection is closed,
19 | # even if there is an exception.
20 | with yagmail.SMTP(
21 | user=settings.SMTP.USER,
22 | password=settings.SMTP.PASSWORD.get_secret_value(),
23 | host=settings.SMTP.HOST,
24 | port=settings.SMTP.PORT,
25 | smtp_starttls=settings.SMTP.TLS,
26 | smtp_ssl=settings.SMTP.SSL,
27 | ) as client:
28 | client.send(to=to, subject=subject, contents=contents, **kwargs)
29 |
30 |
31 | def send_verify_account_email(to: str, first_name: str) -> True:
32 | template_path = TEMPLATES["verify_account"]
33 | with open(str(template_path)) as file:
34 | template_str = file.read()
35 |
36 | subject = f"{settings.PROJECT_NAME} - Verify Email"
37 | kwargs = {
38 | "project_name": settings.PROJECT_NAME,
39 | "first_name": first_name.title(),
40 | "link": settings.SERVER_HOST,
41 | }
42 | rendered_template = Template(template_str).render(kwargs)
43 |
44 | return send_email(to=to, subject=subject, contents=rendered_template)
45 |
--------------------------------------------------------------------------------
/server/app/models/scrapermodels.py:
--------------------------------------------------------------------------------
1 | import logging
2 | import re
3 | from typing import List, Optional
4 |
5 | from pydantic import BaseModel, validator
6 |
7 | from .meta.pydanticbase import PydanticBase
8 |
9 | logger = logging.getLogger(__name__)
10 |
11 | # Matching 00p in currency
12 | CURRENCY_PENCE_REGEX = re.compile(r"(\d{2})[p]")
13 |
14 | # Matches any whitespace characters and £ symbol
15 | CURRENCY_WHITESPACE_REGEX = re.compile(r"[£()\s+]")
16 |
17 |
18 | class ScrapedItem(PydanticBase):
19 | name: Optional[str] = None
20 | url: Optional[str] = None
21 | price: Optional[str] = None
22 | price_per_unit: Optional[str] = None
23 | image_url: Optional[str] = None
24 |
25 | @validator("price")
26 | def format_p(cls, v):
27 | """Transforms varying pricing formats to #.##"""
28 | if v:
29 | v = re.sub(CURRENCY_WHITESPACE_REGEX, "", v)
30 | match = re.match(CURRENCY_PENCE_REGEX, v)
31 | if match:
32 | v = f"0.{match.group(1)}"
33 | return v
34 |
35 | @validator("price_per_unit")
36 | def format_ppu(cls, v):
37 | if v:
38 | v = re.sub(CURRENCY_WHITESPACE_REGEX, "", v)
39 | v = v.replace("per", "/")
40 | return v
41 |
42 | @validator("*", pre=True)
43 | def filter_invalid_values(cls, v):
44 | if isinstance(v, list):
45 | return None
46 | return v
47 |
48 |
49 | class ShopListings(BaseModel):
50 | id: int
51 | name: str
52 | listings: Optional[List[ScrapedItem]] = None
53 |
--------------------------------------------------------------------------------
/client/src/pwa/register-service-worker.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-console */
2 |
3 | import { register } from 'register-service-worker'
4 |
5 | if (process.env.NODE_ENV === 'production') {
6 | register(`${process.env.BASE_URL}service-worker.js`, {
7 | ready() {
8 | console.log(
9 | 'App is being served from cache by a service worker.\n' +
10 | 'For more details, visit https://goo.gl/AFskqB'
11 | )
12 | },
13 | registered(registration) {
14 | console.log('Service worker has been registered.');
15 | // Routinely check for app updates by testing for a new service worker.
16 | setInterval(() => {
17 | registration.update()
18 | }, 1000 * 60 * 60) // hourly checks
19 | },
20 | cached() {
21 | console.log('Content has been cached for offline use.')
22 | },
23 | updatefound() {
24 | console.log('New content is downloading.')
25 | },
26 | updated(registration) {
27 | console.log('New content is available; please refresh.');
28 | // Add a custom event and dispatch it.
29 | // Used to display of a 'refresh' banner following a service worker update.
30 | // Set the event payload to the service worker registration object.
31 | document.dispatchEvent(
32 | new CustomEvent('swUpdated', { detail: registration })
33 | )
34 | },
35 | offline() {
36 | console.log('No internet connection found. App is running in offline mode.')
37 | },
38 | error(error) {
39 | console.error('Error during service worker registration:', error)
40 | }
41 | })
42 | }
43 |
--------------------------------------------------------------------------------
/client/src/icons/components/form.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* tslint:disable */
3 | // @ts-ignore
4 | import icon from 'vue-svgicon'
5 | icon.register({
6 | 'form': {
7 | width: 128,
8 | height: 128,
9 | viewBox: '0 0 128 128',
10 | data: '
3 |
19 |
20 |
21 |
40 |
41 |
71 |
--------------------------------------------------------------------------------
/server/alembic/versions/e7ff97c10b8f_adding_user_roles_association_table.py:
--------------------------------------------------------------------------------
1 | """Adding user roles association table
2 |
3 | Revision ID: e7ff97c10b8f
4 | Revises: 46773fb5dc7f
5 | Create Date: 2020-03-30 18:34:39.846931
6 |
7 | """
8 | import sqlalchemy as sa
9 | from alembic import op
10 |
11 | # revision identifiers, used by Alembic.
12 | revision = "e7ff97c10b8f"
13 | down_revision = "46773fb5dc7f"
14 | branch_labels = None
15 | depends_on = None
16 |
17 |
18 | def upgrade():
19 | # ### commands auto generated by Alembic - please adjust! ###
20 | op.create_table(
21 | "user_roles",
22 | sa.Column("id", sa.Integer(), nullable=False),
23 | sa.Column(
24 | "created_at",
25 | sa.TIMESTAMP(timezone=True),
26 | server_default=sa.text("now()"),
27 | nullable=True,
28 | ),
29 | sa.Column(
30 | "updated_at",
31 | sa.TIMESTAMP(timezone=True),
32 | server_default=sa.text("now()"),
33 | nullable=True,
34 | ),
35 | sa.Column("user_id", sa.Integer(), nullable=True),
36 | sa.Column("role_id", sa.Integer(), nullable=True),
37 | sa.ForeignKeyConstraint(
38 | ["role_id"], ["role.id"], onupdate="CASCADE", ondelete="CASCADE"
39 | ),
40 | sa.ForeignKeyConstraint(
41 | ["user_id"], ["user.id"], onupdate="CASCADE", ondelete="CASCADE"
42 | ),
43 | sa.PrimaryKeyConstraint("id"),
44 | )
45 | # ### end Alembic commands ###
46 |
47 |
48 | def downgrade():
49 | # ### commands auto generated by Alembic - please adjust! ###
50 | op.drop_table("user_roles")
51 | # ### end Alembic commands ###
52 |
--------------------------------------------------------------------------------
/server/app/models/rolemodels.py:
--------------------------------------------------------------------------------
1 | """
2 |
3 | https://flask-user.readthedocs.io/en/latest/data_models.html
4 |
5 | https://factoryboy.readthedocs.io/en/latest/orms.html#factory.alchemy.SQLAlchemyOptions.sqlalchemy_session
6 |
7 | """
8 |
9 | from typing import Optional
10 |
11 | from sqlalchemy import Column, ForeignKey, Integer, String
12 |
13 | from .meta.pydanticbase import PydanticBase
14 | from .meta.pydanticmixins import PydanticTS
15 | from .meta.sqlalchemybase import SQLAlchemyBase
16 | from .meta.sqlalchemymixins import SQLAlchemyIntPK, SQLAlchemyTS
17 |
18 |
19 | # sqlalchemy models
20 | class Role(SQLAlchemyTS, SQLAlchemyIntPK, SQLAlchemyBase):
21 | __tablename__ = "role"
22 | name = Column(String, unique=True, nullable=False)
23 | description = Column(String)
24 |
25 |
26 | class UserRoles(SQLAlchemyTS, SQLAlchemyIntPK, SQLAlchemyBase):
27 | """Association table to hold user roles."""
28 |
29 | __tablename__ = "user_roles"
30 | user_id = Column(
31 | Integer, ForeignKey("user.id", ondelete="CASCADE", onupdate="CASCADE")
32 | )
33 | role_id = Column(
34 | Integer, ForeignKey("role.id", ondelete="CASCADE", onupdate="CASCADE")
35 | )
36 |
37 |
38 | # pydantic models
39 | class RoleCreate(PydanticBase):
40 | """Properties to receive via API on creation"""
41 |
42 | name: str
43 | description: Optional[str]
44 |
45 |
46 | class RoleRead(PydanticTS, PydanticBase):
47 | """Attributes to return via API"""
48 |
49 | id: int
50 | name: str
51 | description: str
52 |
53 |
54 | class RoleUpdate(PydanticBase):
55 | """Properties to receive via API on update"""
56 |
57 | name: Optional[str]
58 | description: Optional[str]
59 |
--------------------------------------------------------------------------------
/server/app/service/shopservice.py:
--------------------------------------------------------------------------------
1 | from typing import List, Optional
2 |
3 | from sqlalchemy.orm import Session
4 |
5 | from app.models.shopmodels import Shop, ShopCreate, ShopUpdate
6 |
7 |
8 | def get(db_session: Session, id_: int) -> Optional[Shop]:
9 | return db_session.query(Shop).filter(Shop.id == id_).first()
10 |
11 |
12 | def get_by_name(db_session: Session, name: str) -> Optional[Shop]:
13 | return db_session.query(Shop).filter(Shop.name == name).first()
14 |
15 |
16 | def get_multiple(
17 | db_session: Session, *, offset: int = 0, limit: int = 100
18 | ) -> List[Shop]:
19 | return db_session.query(Shop).offset(offset).limit(limit).all()
20 |
21 |
22 | def get_multiple_by_ids(db_session: Session, *, ids_: List[int]) -> List[Shop]:
23 | return db_session.query(Shop).filter(Shop.id.in_(ids_)).all()
24 |
25 |
26 | def create(db_session: Session, shop_in: ShopCreate) -> Shop:
27 |
28 | db_obj = Shop(
29 | name=shop_in.name,
30 | url=shop_in.url,
31 | query_url=shop_in.query_url,
32 | render_javascript=shop_in.render_javascript,
33 | listing_page_selector=shop_in.listing_page_selector,
34 | )
35 |
36 | db_session.add(db_obj)
37 | db_session.commit()
38 | return db_obj
39 |
40 |
41 | def update(db_session: Session, shop: Shop, shop_in: ShopUpdate) -> Shop:
42 | update_data = shop_in.dict(exclude_unset=True)
43 | for field in update_data:
44 | setattr(shop, field, update_data[field])
45 | db_session.add(shop)
46 | db_session.commit()
47 | return shop
48 |
49 |
50 | def delete(db_session: Session, id_: int) -> None:
51 | obj = db_session.query(Shop).get(id_)
52 | db_session.delete(obj)
53 | db_session.commit()
54 |
--------------------------------------------------------------------------------
/client/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true,
5 | },
6 | 'extends': [
7 | 'plugin:vue/recommended',
8 | '@vue/standard',
9 | '@vue/typescript/recommended',
10 | ],
11 | parserOptions: {
12 | ecmaVersion: 2020
13 | },
14 | rules: {
15 | '@typescript-eslint/camelcase': [2, {'properties': 'never'}],
16 | '@typescript-eslint/interface-name-prefix': ['error', { "prefixWithI": "always" }],
17 | '@typescript-eslint/no-explicit-any': 'off',
18 | '@typescript-eslint/member-delimiter-style': ['error',
19 | {
20 | 'multiline': {
21 | 'delimiter': 'none'
22 | },
23 | 'singleline': {
24 | 'delimiter': 'comma'
25 | }
26 | }],
27 | 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
28 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
29 | 'space-before-function-paren': ['error', 'never'],
30 | 'vue/array-bracket-spacing': 'error',
31 | 'vue/arrow-spacing': 'error',
32 | 'vue/block-spacing': 'error',
33 | 'vue/brace-style': 'error',
34 | 'vue/camelcase': 'error',
35 | 'vue/comma-dangle': 'error',
36 | 'vue/component-name-in-template-casing': 'error',
37 | 'vue/eqeqeq': 'error',
38 | 'vue/key-spacing': 'error',
39 | 'vue/match-component-file-name': 'error',
40 | 'vue/object-curly-spacing': 'error',
41 | 'semi': ['error', 'always'],
42 | 'camelcase': [2, {'properties': 'never'}],
43 |
44 | },
45 | overrides: [
46 | {
47 | files: [
48 | '**/__tests__/*.{j,t}s?(x)',
49 | '**/tests/unit/**/*.spec.{j,t}s?(x)'
50 | ],
51 | env: {
52 | jest: true
53 | }
54 | }
55 | ]
56 | };
57 |
--------------------------------------------------------------------------------
/client/src/store/modules/roles.ts:
--------------------------------------------------------------------------------
1 | import {
2 | Action,
3 | getModule,
4 | Module,
5 | Mutation,
6 | VuexModule
7 | } from "vuex-module-decorators";
8 | import store from "@/store";
9 | import { getRoles, updateRole, deleteRole, createRole } from "@/api/roles";
10 | import { IRoleData, IRoleCreate, IRoleUpdate } from "@/api/types";
11 |
12 | export interface IRolesState {
13 | roles?: IRoleData[];
14 | }
15 |
16 | @Module({ dynamic: true, store, name: "roles" })
17 | class Roles extends VuexModule implements IRolesState {
18 | public roles: IRoleData[] = [];
19 |
20 | @Mutation
21 | private SET_ROLES(payload: IRoleData[]) {
22 | this.roles = payload;
23 | }
24 |
25 | @Mutation
26 | private SET_ROLE(payload: IRoleData) {
27 | const roles = this.roles.filter(
28 | (role: IRoleData) => role.id !== payload.id
29 | );
30 | roles.push(payload);
31 | this.roles = roles;
32 | }
33 |
34 | @Mutation
35 | private DELETE_ROLE(id: number) {
36 | this.roles = this.roles.filter((user: IRoleData) => user.id !== id);
37 | }
38 |
39 | @Action
40 | public async GetRoles(params: any) {
41 | const { data } = await getRoles(params);
42 | this.SET_ROLES(data);
43 | }
44 |
45 | @Action
46 | public async CreateRole(createData: IRoleCreate) {
47 | const { data } = await createRole(createData);
48 | this.SET_ROLE(data);
49 | }
50 |
51 | @Action
52 | public async UpdateRole(id: number, updateData: IRoleUpdate) {
53 | const { data } = await updateRole(id, updateData);
54 | this.SET_ROLE(data);
55 | }
56 |
57 | @Action
58 | public async DeleteRole(id: number) {
59 | await deleteRole(id);
60 | this.DELETE_ROLE(id);
61 | }
62 | }
63 |
64 | export const RolesModule = getModule(Roles);
65 |
--------------------------------------------------------------------------------
/client/src/store/modules/shops.ts:
--------------------------------------------------------------------------------
1 | import {
2 | Action,
3 | getModule,
4 | Module,
5 | Mutation,
6 | VuexModule
7 | } from "vuex-module-decorators";
8 | import store from "@/store";
9 | import { getShops, createShop, updateShop, deleteShop } from "@/api/shops";
10 | import { IShopData, IShopCreate, IShopUpdate } from "@/api/types";
11 |
12 | export interface IShopsState {
13 | shops?: IShopData[];
14 | }
15 |
16 | @Module({ dynamic: true, store, name: "shops" })
17 | class Shops extends VuexModule implements IShopsState {
18 | public shops: IShopData[] = [];
19 |
20 | @Mutation
21 | private SET_SHOPS(payload: IShopData[]) {
22 | this.shops = payload;
23 | }
24 |
25 | @Mutation
26 | private SET_SHOP(payload: IShopData) {
27 | const shops = this.shops.filter(
28 | (shop: IShopData) => shop.id !== payload.id
29 | );
30 | shops.push(payload);
31 | this.shops = shops;
32 | }
33 |
34 | @Mutation
35 | private DELETE_SHOP(id: number) {
36 | this.shops = this.shops.filter((shop: IShopData) => shop.id !== id);
37 | }
38 |
39 | @Action
40 | public async GetShops(params: any) {
41 | const { data } = await getShops(params);
42 | this.SET_SHOPS(data);
43 | }
44 |
45 | @Action
46 | public async CreateShop(createData: IShopCreate) {
47 | const { data } = await createShop(createData);
48 | this.SET_SHOP(data);
49 | }
50 |
51 | @Action
52 | public async UpdateShop(id: number, updateData: IShopUpdate) {
53 | const { data } = await updateShop(id, updateData);
54 | this.SET_SHOP(data);
55 | }
56 |
57 | @Action
58 | public async DeleteShop(id: number) {
59 | await deleteShop(id);
60 | this.DELETE_SHOP(id);
61 | }
62 | }
63 |
64 | export const ShopsModule = getModule(Shops);
65 |
--------------------------------------------------------------------------------
/client/src/store/modules/users.ts:
--------------------------------------------------------------------------------
1 | import {
2 | Action,
3 | getModule,
4 | Module,
5 | Mutation,
6 | VuexModule
7 | } from "vuex-module-decorators";
8 | import { deleteUser, getUsers, updateUser, createUser } from "@/api/users";
9 | import store from "@/store";
10 | import { IUserCreate, IUserData, IUserUpdate } from "@/api/types";
11 |
12 | export interface IUsersState {
13 | users: IUserData[];
14 | }
15 |
16 | @Module({ dynamic: true, store, name: "users" })
17 | class Users extends VuexModule implements IUsersState {
18 | public users: IUserData[] = [];
19 |
20 | @Mutation
21 | private SET_USERS(payload: IUserData[]) {
22 | this.users = payload;
23 | }
24 |
25 | @Mutation
26 | private SET_USER(payload: IUserData) {
27 | const users = this.users.filter(
28 | (user: IUserData) => user.id !== payload.id
29 | );
30 | users.push(payload);
31 | this.users = users;
32 | }
33 |
34 | @Mutation
35 | private DELETE_USER(id: number) {
36 | this.users = this.users.filter((user: IUserData) => user.id !== id);
37 | }
38 |
39 | @Action
40 | public async GetUsers(params: any) {
41 | const { data } = await getUsers(params);
42 | this.SET_USERS(data);
43 | }
44 |
45 | @Action
46 | public async CreateUser(createData: IUserCreate) {
47 | const { data } = await createUser(createData);
48 | this.SET_USER(data);
49 | }
50 |
51 | @Action
52 | public async UpdateUser(id: number, updateData: IUserUpdate) {
53 | const { data } = await updateUser(id, updateData);
54 | this.SET_USER(data);
55 | }
56 |
57 | @Action
58 | public async DeleteUser(id: number) {
59 | await deleteUser(id);
60 | this.DELETE_USER(id);
61 | }
62 | }
63 |
64 | export const UsersModule = getModule(Users);
65 |
--------------------------------------------------------------------------------
/client/src/store/modules/permission.ts:
--------------------------------------------------------------------------------
1 | import { VuexModule, Module, Mutation, Action, getModule } from 'vuex-module-decorators'
2 | import { RouteConfig } from 'vue-router'
3 | import { asyncRoutes, constantRoutes } from '@/router'
4 | import store from '@/store'
5 |
6 | const hasPermission = (roles: string[], route: RouteConfig) => {
7 | if (route.meta && route.meta.roles) {
8 | return roles.some(role => route.meta.roles.includes(role))
9 | } else {
10 | return true
11 | }
12 | };
13 |
14 | export const filterAsyncRoutes = (routes: RouteConfig[], roles: string[]) => {
15 | const res: RouteConfig[] = [];
16 | routes.forEach(route => {
17 | const r = { ...route };
18 | if (hasPermission(roles, r)) {
19 | if (r.children) {
20 | r.children = filterAsyncRoutes(r.children, roles)
21 | }
22 | res.push(r)
23 | }
24 | });
25 | return res
26 | };
27 |
28 | export interface IPermissionState {
29 | routes: RouteConfig[]
30 | dynamicRoutes: RouteConfig[]
31 | }
32 |
33 | @Module({ dynamic: true, store, name: 'permission' })
34 | class Permission extends VuexModule implements IPermissionState {
35 | public routes: RouteConfig[] = [];
36 | public dynamicRoutes: RouteConfig[] = [];
37 |
38 | @Mutation
39 | private SET_ROUTES(routes: RouteConfig[]) {
40 | this.routes = constantRoutes.concat(routes);
41 | this.dynamicRoutes = routes
42 | }
43 |
44 | @Action
45 | public GenerateRoutes(roles: string[]) {
46 | let accessedRoutes;
47 | if (roles.includes('admin')) {
48 | accessedRoutes = asyncRoutes
49 | } else {
50 | accessedRoutes = filterAsyncRoutes(asyncRoutes, roles)
51 | }
52 | this.SET_ROUTES(accessedRoutes)
53 | }
54 | }
55 |
56 | export const PermissionModule = getModule(Permission);
57 |
--------------------------------------------------------------------------------
/client/src/views/profile/components/UserRoles.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
18 |
5 | {{ name }}
6 | Editor's Dashboard
7 |
8 | Your roles:
9 |
17 |
14 | {{ item }}
15 |
16 |
6 |
18 |
19 |
20 |
68 |
69 |
79 |
--------------------------------------------------------------------------------
/server/app/api/v1/routes/roles.py:
--------------------------------------------------------------------------------
1 | from typing import List
2 |
3 | from fastapi import APIRouter, Depends, HTTPException, status
4 | from sqlalchemy.orm import Session
5 |
6 | from app.db.session import get_db
7 | from app.models import rolemodels
8 | from app.service import roleservice
9 |
10 | from ..dependencies.or_404 import get_role_by_id_or_404
11 |
12 | router = APIRouter()
13 |
14 |
15 | @router.get(
16 | "/", response_model=List[rolemodels.RoleRead],
17 | )
18 | def get_roles(*, db_session: Session = Depends(get_db)):
19 | """
20 | Retrieve a list of roles.
21 | """
22 | return roleservice.get_multiple(db_session=db_session)
23 |
24 |
25 | @router.post(
26 | "/", status_code=status.HTTP_201_CREATED, response_model=rolemodels.RoleRead,
27 | )
28 | def create_role(
29 | *, db_session: Session = Depends(get_db), role_in: rolemodels.RoleCreate
30 | ):
31 | """
32 | Create a new role.
33 | """
34 | if roleservice.get_by_name(db_session=db_session, name=role_in.name):
35 | raise HTTPException(
36 | status_code=status.HTTP_400_BAD_REQUEST, detail="Role already exists.",
37 | )
38 |
39 | return roleservice.create(db_session=db_session, role_in=role_in)
40 |
41 |
42 | @router.get("/{id}", response_model=rolemodels.RoleRead)
43 | def read_role(role: rolemodels.Role = Depends(get_role_by_id_or_404),):
44 | """
45 | Retrieve details about a specific role.
46 | """
47 | return role
48 |
49 |
50 | @router.put(
51 | "/{id}", response_model=rolemodels.RoleRead,
52 | )
53 | def update_role(
54 | *,
55 | db_session: Session = Depends(get_db),
56 | role: rolemodels.Role = Depends(get_role_by_id_or_404),
57 | role_in: rolemodels.RoleUpdate,
58 | ):
59 | """
60 | Update an individual role.
61 | """
62 |
63 | return roleservice.update(db_session=db_session, role=role, role_in=role_in)
64 |
65 |
66 | @router.delete(
67 | "/{id}", response_model=rolemodels.RoleRead,
68 | )
69 | def delete_role(
70 | *,
71 | db_session: Session = Depends(get_db),
72 | role: rolemodels.Role = Depends(get_role_by_id_or_404),
73 | ):
74 | """
75 | Delete an individual role.
76 | """
77 | return roleservice.delete(db_session=db_session, id_=role.id)
78 |
--------------------------------------------------------------------------------
/client/src/pwa/components/ServiceWorkerUpdatePopup.vue:
--------------------------------------------------------------------------------
1 |
61 |
62 |
68 |
--------------------------------------------------------------------------------
/client/src/layout/components/Sidebar/SidebarLogo.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
13 | 
17 |
18 |
24 |
28 |
32 |
33 |
34 |
35 |
36 |
49 |
50 |
99 |
--------------------------------------------------------------------------------