tutor/tutor-deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

used flexbox

Browse Source
This commit is contained in:
Muhammad Labeeb 2025-02-06 15:49:43 +05:00 committed by Régis Behmo
parent a18e85a41c
commit 24356e455d
4 changed files with 64 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
tutordash/server/static/img/Button.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.5 25.5H12.1667C11.7246 25.5 11.3007 25.3244 10.9882 25.0118C10.6756 24.6993 10.5 24.2754 10.5 23.8333V12.1667C10.5 11.7246 10.6756 11.3007 10.9882 10.9882C11.3007 10.6756 11.7246 10.5 12.1667 10.5H15.5M21.3333 22.1667L25.5 18M25.5 18L21.3333 13.8333M25.5 18H15.5" stroke="#2E90FA" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 466 B

4
tutordash/server/static/js/dash.js
View File

@ -1,7 +1,7 @@
if (window.location.href.indexOf("/plugin/store") > -1) {
document.querySelectorAll('.sidebar-tab')[0].classList.toggle('sidebar-tab-selected');
document.querySelectorAll('.tab-logo')[0].classList.toggle('sidebar-tab-logo-selected');
document.querySelectorAll('.sidebar-tab-logo')[0].classList.toggle('sidebar-tab-logo-selected');
} else {
document.querySelectorAll('.sidebar-tab')[1].classList.toggle('sidebar-tab-selected');
document.querySelectorAll('.tab-logo')[1].classList.toggle('sidebar-tab-logo-selected');
document.querySelectorAll('.sidebar-tab-logo')[1].classList.toggle('sidebar-tab-logo-selected');
}

30
tutordash/server/templates/index.html
View File

@ -10,10 +10,12 @@
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='/img/favicon.png') }}">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
<!-- CSS -->
<!-- <link rel="stylesheet" href="css/normalize.css"> -->
<!-- <link rel="stylesheet" href="css/styles.css"> -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
<link href="{{ url_for('static', filename='/css/dash.css') }}" rel="stylesheet">
<!-- TODO self-host -->
<script src="https://unpkg.com/htmx.org@2.0.3/dist/htmx.min.js"></script>
@ -26,25 +28,38 @@
<div class="sidebar">
<div class="section">
<div class="header">
<img src="{{ url_for('static', filename='/img/Edly Red Icon.svg') }}" height="40rem"/>
<span>Edly</span>
<div class="image">
<img src="{{ url_for('static', filename='/img/Edly Red Icon.svg') }}"/>
</div>
<div class="text">
Edly
</div>
</div>
<div class="content">
<ul>
<div>
<a href="{{ url_for('plugin_store') }}">
<li class="sidebar-tab">
<img class="tab-logo" src="{{ url_for('static', filename='/img/shopping-bag.svg') }}" height="20rem"/>
<img class="sidebar-tab-logo" src="{{ url_for('static', filename='/img/shopping-bag.svg') }}" height="20rem"/>
<span>Plugin Marketplace</span>
</li>
</a>
<p></p>
<a href="{{ url_for('installed_plugins') }}">
<li class="sidebar-tab">
<img class="tab-logo" src="{{ url_for('static', filename='/img/stack.svg') }}" height="25rem"/>
<img class="sidebar-tab-logo" src="{{ url_for('static', filename='/img/stack.svg') }}" height="25rem"/>
<span>My Plugins</span>
</li>
</a>
</ul>
</div>
</div>
<div class="footer">
<div>
<div class="username">Bismah Azhar</div>
<div class="email">bismah.azhar@arbisoft.com</div>
</div>
<div>
<img src="{{ url_for('static', filename='/img/Button.svg') }}" height="40rem"/>
</div>
</div>
</div>
</div>
@ -58,6 +73,7 @@
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="{{ url_for('static', filename='/js/dash.js') }}"></script>
{% block scripts %}{% endblock %}
</body>

42
tutordash/server/templates/installed_plugins.html
View File

@ -1,13 +1,43 @@
{% extends "index.html" %}
{% block workspace_header %}My Plugins{% endblock %}
{% block workspace_header %}
<div>
<div class="title">My Plugins</div>
<div class="description">View all your installed plugins in one place.</div>
</div>
<div class="local-launch-button">
<form action="{{ url_for('plugins_update') }}" method="POST">
<button type="submit">Local Launch</button>
</form>
</div>
{% endblock %}
{% block workspace_content %}
<form action="{{ url_for('plugins_update') }}" method="POST">
<div class="search-row">
<div class="search-container">
<input type="text" class="form-control search-input" placeholder="Search">
<i class="fas fa-search search-icon"></i>
</div>
</div>
<!-- <form action="{{ url_for('plugins_update') }}" method="POST">
<button type="submit">Refresh</button>
</form>
</form> -->
{% for plugin in installed_plugins %}
<li><a href="{{ url_for('plugin', name=plugin) }}">{{ plugin }} {% if plugin in enabled_plugins %} ✅{% endif %}</a></li>
{% endfor %}
<div class="my-plugins-list">
{% for plugin in installed_plugins %}
<div>
<li>
<a href="{{ url_for('plugin', name=plugin) }}">{{ plugin }}</a>
<form method="POST" action="{{ url_for('plugin_toggle', name=plugin_name) }}">
{% if plugin in enabled_plugins %}
<input class="form-check-input" id="flexSwitchCheckChecked" type="checkbox" onchange="this.form.submit()" checked {% if is_enabled %}checked{% endif %} />
<label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
{% else %}
<!-- <input class="form-check-input" id="flexSwitchCheckChecked" type="checkbox" onchange="this.form.submit()" checked /> -->
{% endif %}
</form>
</li>
</div>
{% endfor %}
</div>
{% endblock %}