AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2024-07-25 22:09:05 +02:00
parent 9afc5bf2c4
commit a8415cf782
1 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/routes/stock-screener/[strategyId]/+page.svelte
View File

@ -426,7 +426,9 @@ async function handleRule(newRule) {
toast.success('Rule added', { toast.success('Rule added', {
style: 'border-radius: 200px; background: #333; color: #fff;' style: 'border-radius: 200px; background: #333; color: #fff;'
}); });
await updateStockScreenerData(); await updateStockScreenerData();
await handleSave(false);
} }
} }
@ -452,16 +454,17 @@ async function updateStockScreenerData() {
} }
function handleResetAll() { async function handleResetAll() {
ruleOfList = []; ruleOfList = [];
ruleOfList = [...ruleOfList]; ruleOfList = [...ruleOfList];
ruleName = ''; ruleName = '';
filteredData = []; filteredData = [];
displayResults = []; displayResults = [];
await handleSave(false);
} }
function handleDeleteRule(state) { async function handleDeleteRule(state) {
for (let i = 0; i < ruleOfList.length; i++) { for (let i = 0; i < ruleOfList.length; i++) {
if (ruleOfList[i].name === state) { if (ruleOfList[i].name === state) {
ruleOfList.splice(i, 1); // Remove the element at index i from the ruleOfList ruleOfList.splice(i, 1); // Remove the element at index i from the ruleOfList
@ -480,6 +483,8 @@ function handleDeleteRule(state) {
{ {
ruleName = ''; ruleName = '';
} }
await handleSave(false);
} }
@ -517,7 +522,7 @@ onMount(async () => {
async function handleSave(state:string) { async function handleSave(printToast) {
if(data?.user) if(data?.user)
{ {
if(isSaved === false) if(isSaved === false)
@ -535,13 +540,16 @@ async function handleSave(state:string) {
const output = (await response.json())?.items const output = (await response.json())?.items
if (output?.id && output?.id?.length !== 0) { if (printToast === true) {
toast.success('Strategy saved!', { if (output?.id && output?.id?.length !== 0) {
style: 'border-radius: 200px; background: #333; color: #fff;'}); toast.success('Strategy saved!', {
} else { style: 'border-radius: 200px; background: #333; color: #fff;'});
toast.error('Something went wrong. Please try again later!', { } else {
style: 'border-radius: 200px; background: #333; color: #fff;'}); toast.error('Something went wrong. Please try again later!', {
style: 'border-radius: 200px; background: #333; color: #fff;'});
}
} }
isSaved = true; isSaved = true;
} }
else { else {
@ -880,7 +888,7 @@ $: charNumber = $screenWidth < 640 ? 20 : 40;
Build Strategy Build Strategy
<label for="userLogin" on:click={handleSave} class="hidden sm:inline-flex ml-5 sm:hover:bg-[#161618] bg-[#09090B] cursor-pointer font-medium text-center text-white rounded-full px-4 py-1 text-sm border border-slate-800"> <label for="userLogin" on:click={() => handleSave(true)} class="hidden sm:inline-flex ml-5 sm:hover:bg-purple-700 bg-purple-600 transition duration-100 cursor-pointer font-medium text-center text-white rounded-full px-4 py-1 text-sm border border-slate-800">
Save Save
</label> </label>
@ -2128,7 +2136,7 @@ $: charNumber = $screenWidth < 640 ? 20 : 40;
<div class="text-white font-bold text-xl sm:text-2xl flex justify-start items-center"> <div class="text-white font-bold text-xl sm:text-2xl flex justify-start items-center">
{ruleOfList.length} Rules Preview {ruleOfList.length} Rules Preview
</div> </div>
<label on:click={handleResetAll} class="ml-auto cursor-pointer hover:bg-[#fff] hover:bg-opacity-[0.03] border border-slate-800 py-2 px-3 rounded-full text-white text-sm"> <label on:click={handleResetAll} class="ml-auto cursor-pointer transition duration-100 bg-purple-600 sm:hover:bg-purple-700 border border-slate-800 py-2 px-3 rounded-full text-white text-sm">
Reset All Reset All
</label> </label>
</div> </div>
@ -2268,7 +2276,7 @@ $: charNumber = $screenWidth < 640 ? 20 : 40;
<div class="sm:hidden fixed z-40 bottom-8 sm:bottom-10 right-8 sm:right-16"> <div class="sm:hidden fixed z-40 bottom-8 sm:bottom-10 right-8 sm:right-16">
<label on:click={handleSave} class="inline-flex items-center justify-center w-12 h-12 sm:w-full sm:h-10 font-medium bg-gray-700 sm:bg-[#FFEDE5] ml-1 mr-0 sm:mr-2 rounded-full cursor-pointer"> <label on:click={() => handleSave(true)} class="inline-flex items-center justify-center w-12 h-12 sm:w-full sm:h-10 font-medium bg-purple-600 ml-1 mr-0 sm:mr-2 rounded-full cursor-pointer">
<svg class="w-6 h-6 text-white inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <svg class="w-6 h-6 text-white inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="white" d="M21 7v12q0 .825-.588 1.413T19 21H5q-.825 0-1.413-.588T3 19V5q0-.825.588-1.413T5 3h12l4 4Zm-9 11q1.25 0 2.125-.875T15 15q0-1.25-.875-2.125T12 12q-1.25 0-2.125.875T9 15q0 1.25.875 2.125T12 18Zm-6-8h9V6H6v4Z"/> <path fill="white" d="M21 7v12q0 .825-.588 1.413T19 21H5q-.825 0-1.413-.588T3 19V5q0-.825.588-1.413T5 3h12l4 4Zm-9 11q1.25 0 2.125-.875T15 15q0-1.25-.875-2.125T12 12q-1.25 0-2.125.875T9 15q0 1.25.875 2.125T12 18Zm-6-8h9V6H6v4Z"/>
</svg> </svg>