ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove remnants of webpackage

Browse source
This commit is contained in:
0x1eef 2023-07-12 21:31:38 -03:00
parent 8d683c8040
commit 7c8134cd05
6 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/css/postman.scss
View file

@ -8,11 +8,11 @@ body {
padding: 0;
}
.webpackage.loader {
.postman.loader {
height: 100%;
}
.webpackage.loader div:first-child {
.postman.loader div:first-child {
width: 200px;
margin: 0 auto;
display: flex;
@ -21,11 +21,11 @@ body {
top: 250px;
}
.webpackage.loader progress {
.postman.loader progress {
width: 100%;
}
.webpackage.loader .percentage {
.postman.loader .percentage {
font-family: monospace;
text-align: center;
width: 100%;

4
src/html/pages/surah/index.html.erb
View file

@ -5,10 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link rel="icon" href="/favicon.png">
<%= inline_css('/css/webpackage.scss') %>
<%= inline_css('/css/postman.scss') %>
</head>
<body>
<div class="webpackage loader">
<div class="postman loader">
<div>
<progress value="0" max="100"></progress>
<span class="percentage">Loading...</span>

2
src/html/pages/surah/stream.html.erb
View file

@ -8,7 +8,7 @@
<%= inline_css('/css/postman.css') %>
</head>
<body>
<div class="webpackage loader">
<div class="postman loader">
<div>
<progress value="0" max="100"></progress>
<span class="percentage">Loading...</span>

2
src/js/components/Stream.tsx
View file

@ -35,7 +35,7 @@ export function Stream({ reciter, surah, stream, locale, slice, endOfStream, isP
{formatNumber(ayah.id, locale)}
</span>
<p>{ayah.text}</p>
<audio ref={audioRef} src={`${baseUrl}/${surah.id}/${ayah.id}.mp3`} />
<audio autoPlay ref={audioRef} src={`${baseUrl}/${surah.id}/${ayah.id}.mp3`} />
</li>
);
});

4
src/js/pages/surah/index/loader.ts
View file

@ -1,10 +1,10 @@
import postman, { item } from 'postman';
(function() {
const parent: HTMLElement = document.querySelector('.webpackage.loader')!;
const parent: HTMLElement = document.querySelector('.postman.loader')!;
const progressBar: HTMLProgressElement = parent.querySelector('progress')!;
const progressNumber: HTMLSpanElement = parent.querySelector('.percentage')!;
const inlineStyle: HTMLStyleElement = document.querySelector('.css.webpackage')!;
const inlineStyle: HTMLStyleElement = document.querySelector('.css.postman')!;
postman(
item.script('/js/pages/surah/index.js'),

2
src/js/pages/surah/stream/loader.ts
View file

@ -2,7 +2,7 @@ import postman, { item } from 'postman';
import * as Quran from 'lib/Quran';
(function() {
const parent: HTMLElement = document.querySelector('.webpackage.loader')!;
const parent: HTMLElement = document.querySelector('.postman.loader')!;
const progressBar: HTMLProgressElement = parent.querySelector('progress')!;
const progressNumber: HTMLSpanElement = parent.querySelector('.percentage')!;
const inlineStyle: HTMLStyleElement = document.querySelector('.css.postman')!;