This repository has been archived on 2026-11-05. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
thetool/public/plugins/vue/tt-components
Luca Haid f39978e7a9 Added Voice Functionality
[KolmisoftMore] implemented getActiveCalls function
[menu.php] added menu point for active voice calls
[config.sample.php] added KOLMISOFT configuration constants
[VoiceCallActive] implemented active voice calls view
[VoiceCallHistoryController] fixed importCallsFromToday Time
[tt-table] fixed pagination displays
2024-04-11 10:00:27 +02:00
..
2024-03-12 16:17:23 +01:00
2024-02-14 11:05:52 +01:00
2024-04-11 10:00:27 +02:00

TheTool Vue Frontend Framework

Components

tt-page-title

The tt-page-title is used to create the Title and breadcumbs on the top of the page

Props

  • title: String - The title of the current page. This will be displayed prominently at the top of the breadcrumb navigation bar.
  • path: Array - An array of objects representing the breadcrumb path. Each object in the array should have the following properties:
    • text: String - The display text for the breadcrumb item.
    • href: String - The URL that the breadcrumb item links to.

Usage

Include the Component on the View

$additionalJS = ["plugins/vue/tt-components/tt-page-title.js"];

Then use it inside the Vue App

<tt-page-title :title="'Your Page Title'" :path="[
    { text: 'Home', href: '/' },
    { text: 'Library', href: '/library' },
    { text: 'Data', href: '/library/data' } // Current Page
]"></tt-page-title>

tt-loader

The tt-loader is used to display a loader

Usage

Include the Component on the View

$additionalJS = ["plugins/vue/tt-components/tt-loader.js"];
$additionalCSS = ["plugins/vue/tt-components/css/tt-loader.css"];

Then use it inside the Vue App in the container where it should get full width

<tt-loader></tt-loader>