From 10826c8f1b8a81416f836f9f20e28b30cdbfb533 Mon Sep 17 00:00:00 2001
From: "Rishi.R.Vishwakarma"
<149783805+RishiWebDeveloper1@users.noreply.github.com>
Date: Mon, 6 May 2024 19:20:45 +0530
Subject: [PATCH] Delete components directory
---
components/application.css | 151 --
components/application.js | 180 --
components/apps/chrome/chrome.css | 73 -
components/apps/chrome/chrome.html | 38 -
components/apps/chrome/chrome.js | 53 -
.../apps/file_explorer/file_explorer.css | 271 ---
.../apps/file_explorer/file_explorer.html | 193 --
.../apps/file_explorer/file_explorer.js | 108 --
.../apps/file_explorer/images/arrow-icon.png | Bin 107410 -> 0 bytes
.../apps/file_explorer/images/image_icon.png | Bin 580 -> 0 bytes
.../components/video_player/video_player.css | 0
.../components/video_player/video_player.html | 188 --
.../components/video_player/video_player.js | 0
.../youtube/images/search_button_icon.png | Bin 836 -> 0 bytes
.../apps/youtube/images/youtube_icon.png | Bin 15786 -> 0 bytes
components/apps/youtube/test.html | 13 -
components/apps/youtube/test2.html | 90 -
components/apps/youtube/youtube.css | 130 --
components/apps/youtube/youtube.html | 114 --
components/apps/youtube/youtube.js | 0
.../apps/youtube/youtube_data_fetch.txt | 1714 -----------------
21 files changed, 3316 deletions(-)
delete mode 100644 components/application.css
delete mode 100644 components/application.js
delete mode 100644 components/apps/chrome/chrome.css
delete mode 100644 components/apps/chrome/chrome.html
delete mode 100644 components/apps/chrome/chrome.js
delete mode 100644 components/apps/file_explorer/file_explorer.css
delete mode 100644 components/apps/file_explorer/file_explorer.html
delete mode 100644 components/apps/file_explorer/file_explorer.js
delete mode 100644 components/apps/file_explorer/images/arrow-icon.png
delete mode 100644 components/apps/file_explorer/images/image_icon.png
delete mode 100644 components/apps/youtube/components/video_player/video_player.css
delete mode 100644 components/apps/youtube/components/video_player/video_player.html
delete mode 100644 components/apps/youtube/components/video_player/video_player.js
delete mode 100644 components/apps/youtube/images/search_button_icon.png
delete mode 100644 components/apps/youtube/images/youtube_icon.png
delete mode 100644 components/apps/youtube/test.html
delete mode 100644 components/apps/youtube/test2.html
delete mode 100644 components/apps/youtube/youtube.css
delete mode 100644 components/apps/youtube/youtube.html
delete mode 100644 components/apps/youtube/youtube.js
delete mode 100644 components/apps/youtube/youtube_data_fetch.txt
diff --git a/components/application.css b/components/application.css
deleted file mode 100644
index b2d4663..0000000
--- a/components/application.css
+++ /dev/null
@@ -1,151 +0,0 @@
-.application-box {
- width: 100%;
- height: calc(100vh - 60px);
- display: flex;
- flex-wrap: wrap;
-}
-
-.application {
- width: 50%;
- height: 50%;
- box-shadow: 0 0 0 0.5px white;
-}
-
-.title-bar {
- width: 100%;
- height: 40px;
- display: flex;
- justify-content: space-between;
- color: white;
- background-color: black;
-}
-
-.app-name {
- width: 100px;
- height: 100%;
- text-align: center;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.operation-box {
- width: 120px;
- height: 100%;
- display: flex;
- justify-content: flex-end;
-}
-
-.test {
- width: calc(100% - 219px);
- height: 40px;
- min-width: 40px;
- min-height: 40px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.minimize-box {
- width: 40px;
- height: 40px;
- min-width: 40px;
- min-height: 40px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.minimize-box:hover {
- background-color: rgb(97, 94, 94);
-}
-
-.minimize-icon {
- width: 22px;
-}
-
-.maximize-box {
- width: 40px;
- height: 40px;
- min-width: 40px;
- min-height: 40px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.maximize-box:hover {
- background-color: rgb(97, 94, 94);
-}
-
-.maximize-icon {
- width: 15px;
-}
-
-.close-box {
- width: 40px;
- height: 40px;
- min-width: 40px;
- min-height: 40px;
- background-color: rgb(167, 5, 5);
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.close-box:hover {
- background-color: red;
-}
-
-.close-icon {
- width: 15px;
-}
-
-.app-page {
- width: 100%;
- height: calc(100% - 40px);
-}
-
-.iframe {
- width: 100%;
- height: 100%;
- background-color: white;
-}
-
-/* ********************** alert window ****************** */
-
-.alert-window-box {
- width: 300px;
- height: 100px;
- padding-top: 20px;
- background-color: rgb(230, 211, 188);
- border: 2px solid black;
- box-shadow: 0 0 0 1px white;
- border-radius: 9px;
- position: fixed;
- top: 40%;
- right: 45%;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
-}
-
-.alert-message {
- color: black;
-}
-
-.alert-button {
- width: 40%;
- height: 20px;
- padding: 20px;
- margin: 20px;
- color: white;
- background-color: rgb(236, 79, 79);
- border: 2px solid black;
- box-shadow: 0 0 0 1px white;
- border-radius: 9px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
\ No newline at end of file
diff --git a/components/application.js b/components/application.js
deleted file mode 100644
index f69b809..0000000
--- a/components/application.js
+++ /dev/null
@@ -1,180 +0,0 @@
-let noOfApplicatons = 0;
-console.log(window.matchMedia)
-
-function applicationLayoutManager() {
- let application = document.getElementsByClassName('application');
-
- if (noOfApplicatons <= 2) {
- for (let element of application) {
- element.style.height = '100%';
- }
- }
- else if (noOfApplicatons <= 4) {
- for (let element of application) {
- element.style.height = '50%';
- }
- }
- else if (noOfApplicatons > 4) {
- for (let element of application) {
- element.style.width = '33%';
- }
- }
-}
-
-function nothingToDo() {
- console.log('nothing for do');
-}
-
-function createApplication(text, url) {
- if (noOfApplicatons >= 6) {
- createAlertWindow();
- }
- else {
- let randomId = (Math.random() + 1).toString(36).substring(7);
-
- let applicatonBox = document.getElementById('applicationBox');
- let applicaton = document.createElement('div');
- applicaton.id = randomId;
- let titleBar = document.createElement('div');
- let appName = document.createElement('div');
- appName.onclick = function () {
- maximizeWindow(randomId);
- }
- let test = document.createElement('div');
- test.onclick = function () {
- maximizeWindow(randomId);
- }
- let operationBox = document.createElement('div');
- let minimizeBox = document.createElement('div');
- minimizeBox.onclick = function () {
- minimizeWindow(randomId);
- }
- let minimizeIcon = document.createElement('img');
- let maximizeBox = document.createElement('div')
- maximizeBox.onclick = function () {
- maximizeWindow(randomId);
- }
- let maximizeIcon = document.createElement('img')
- let closeBox = document.createElement('div')
- closeBox.onclick = function () {
- deleteWindow(randomId);
- }
- let closeIcon = document.createElement('img')
- let appPage = document.createElement('div')
- let ifarme = document.createElement('iframe')
-
- applicaton.classList.add('application');
- titleBar.classList.add('title-bar');
- appName.classList.add('app-name');
- operationBox.classList.add('operation-box');
- test.classList.add('test');
- minimizeBox.classList.add('minimize-box');
- minimizeIcon.classList.add('minimize-icon');
- maximizeBox.classList.add('maximize-box');
- maximizeIcon.classList.add('maximize-icon');
- closeBox.classList.add('close-box');
- closeIcon.classList.add('close-icon');
- appPage.classList.add('app-page');
- ifarme.classList.add('iframe');
-
- minimizeIcon.src = 'images/minimize_icon.png';
- maximizeIcon.src = 'images/maximize_icon.png';
- closeIcon.src = 'https://static-00.iconduck.com/assets.00/cross-icon-2048x2048-vz9m0pj3.png';
-
- noOfApplicatons = noOfApplicatons + 1;
-
- minimizeBox.appendChild(minimizeIcon);
- maximizeBox.appendChild(maximizeIcon);
- closeBox.appendChild(closeIcon);
- operationBox.appendChild(minimizeBox);
- operationBox.appendChild(maximizeBox);
- operationBox.appendChild(closeBox);
- titleBar.appendChild(appName);
- titleBar.appendChild(test);
- titleBar.appendChild(operationBox);
- appPage.appendChild(ifarme);
- applicaton.appendChild(titleBar);
- applicaton.appendChild(appPage);
- applicatonBox.appendChild(applicaton);
-
- appName.textContent = text;
- ifarme.src = url;
- ifarme.style.border = '0';
-
- applicationLayoutManager();
- }
-}
-
-function createAlertWindow() {
- let alertWindowBox = document.createElement('div');
- let alertmessage = document.createElement('div');
- let alertbutton = document.createElement('div');
- alertbutton.addEventListener('click', deleteAlertWindow);
-
- alertWindowBox.id = "alertWindowBox";
- alertWindowBox.classList.add('alert-window-box');
- alertmessage.classList.add('alert-messag');
- alertbutton.classList.add('alert-button');
-
- alertmessage.textContent = "Can't open more then 6 application";
- alertbutton.textContent = "OK";
-
- alertWindowBox.appendChild(alertmessage);
- alertWindowBox.appendChild(alertbutton);
-
- let applicatonBox = document.getElementById('applicationBox');
- applicatonBox.appendChild(alertWindowBox);
-}
-
-function deleteAlertWindow() {
- var windowFrame = document.getElementById("alertWindowBox");
- console.log(windowFrame);
- windowFrame.remove();
-}
-
-let fullScreenCheck = false;
-function minimizeWindow(idName) {
- if (fullScreenCheck == true) {
- if (document.exitFullscreen) {
- document.exitFullscreen();
- } else if (document.webkitExitFullscreen) { /* Safari */
- document.webkitExitFullscreen();
- } else if (document.msExitFullscreen) { /* IE11 */
- document.msExitFullscreen();
- }
- fullScreenCheck = false;
- }
-
- let fullScreen = document.getElementById('fullScreen');
- if (fullScreen.requestFullscreen) {
- fullScreen.requestFullscreen();
- }
- else if (fullScreen.webkitRequestFullscreen) { /* Safari */
- fullScreen.webkitRequestFullscreen();
- }
- else if (fullScreen.msRequestFullscreen) { /* IE11 */
- fullScreen.msRequestFullscreen();
- }
-}
-
-function maximizeWindow(idName) {
- let appFullScreen = document.getElementById(idName)
-
- if (appFullScreen.requestFullscreen) {
- appFullScreen.requestFullscreen();
- }
- else if (appFullScreen.webkitRequestFullscreen) { /* Safari */
- appFullScreen.webkitRequestFullscreen();
- }
- else if (appFullScreen.msRequestFullscreen) { /* IE11 */
- appFullScreen.msRequestFullscreen();
- }
- fullScreenCheck = true;
-}
-
-function deleteWindow(idName) {
- var windowFrame = document.getElementById(idName);
- windowFrame.remove();
-
- noOfApplicatons = noOfApplicatons - 1;
-}
\ No newline at end of file
diff --git a/components/apps/chrome/chrome.css b/components/apps/chrome/chrome.css
deleted file mode 100644
index d6d2dac..0000000
--- a/components/apps/chrome/chrome.css
+++ /dev/null
@@ -1,73 +0,0 @@
-* {
- padding: 0px;
- margin: 0px;
- list-style: none;
- text-decoration: none;
- box-sizing: border-box;
- user-select: none;
- font-family:'Segoe UI';
-}
-
-.megacontainer {
- width: 100%;
- height: 100vh;
- overflow: hidden;
-}
-
-.tool-bar-box {
- width: calc(100% - 20px);
- height: 20px;
- padding: 13px;
- color: white;
- background-color: rgb(22, 231, 231);
- box-sizing: content-box;
- display: flex;
- align-items: center;
-}
-
-.button-box {
- width: 35px;
- height: 35px;
- padding: 5px;
- margin-left: 5px;
- border-radius: 100px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.button-box:hover {
- background-color: rgb(212, 212, 212);
-}
-
-.button-icon {
- width: 20px;
- height: 20px;
-}
-
-.search-bar-box {
- width: 100%;
- padding-left: 10px;
- display: flex;
- align-items: center;
-}
-
-.search-bar {
- width: 80%;
- height: 25px;
- padding-left: 10px;
- margin-left: 5px;
- background-color: white;
- box-shadow: 0 0 0 0.5px black;
- border: 0px;
- border-radius: 20px;
-}
-
-iframe {
- width: 100%;
- height: calc(100vh - 45px);
- background-color: white;
- border: 0px;
-
-}
-
diff --git a/components/apps/chrome/chrome.html b/components/apps/chrome/chrome.html
deleted file mode 100644
index bed3504..0000000
--- a/components/apps/chrome/chrome.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
- Chrome
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/apps/chrome/chrome.js b/components/apps/chrome/chrome.js
deleted file mode 100644
index 9e32509..0000000
--- a/components/apps/chrome/chrome.js
+++ /dev/null
@@ -1,53 +0,0 @@
-let searchInput = document.querySelector('.search-bar');
-let iframe = document.querySelector('iframe');
-let searchHistoryUrl = [`https://www.google.com/search?q=&igu=1`];
-let searchHistoryQuery = [`https://www.google.com/search?q=&igu=1`];
-
-
-searchInput.addEventListener('keypress', function(event) {
- if (event.key === 'Enter') {
- searchCommand()
- }
-});
-
-function searchCommand() {
- // console.log(iframe);
- searchQuery = searchInput.value;
- let urlCheck = searchQuery.slice(0, 7);
- console.log(searchHistoryUrl);
-
- if (searchInput.value == searchHistoryUrl[searchHistoryUrl.length - 1] || searchInput.value == searchHistoryQuery[searchHistoryQuery.length - 1]) {
- console.log('same ulr search');
- }
- else if (urlCheck == 'http://' || urlCheck == 'https:/') {
- iframe.src = searchQuery;
- searchHistoryUrl.push(searchQuery);
- searchHistoryQuery.push(searchQuery);
- }
- else {
- iframe.src = `https://www.google.com/search?q=${searchQuery}&igu=1`;
- searchHistoryUrl.push(`https://www.google.com/search?q=${searchQuery}&igu=1`);
- searchHistoryQuery.push(searchQuery);
- }
-}
-
-function backButtonCommand() {
- console.log('heloo backbut here!!!!!!!!!!');
- console.log(searchHistoryUrl[searchHistoryUrl.length - 1]);
- console.log(searchHistoryUrl[searchHistoryQuery.length - 1]);
-
- if (searchHistoryUrl.length == 1) {
- alert('you are at last!!!')
- }
- else {
- iframe.src = searchHistoryUrl[searchHistoryUrl.length - 1];
- searchInput.value = searchHistoryQuery[searchHistoryQuery.length - 1];
- searchHistoryUrl.pop();
- searchHistoryQuery.pop();
- }
-
-}
-
-function refreshButtonCommand() {
- iframe.src = iframe.src;
-}
\ No newline at end of file
diff --git a/components/apps/file_explorer/file_explorer.css b/components/apps/file_explorer/file_explorer.css
deleted file mode 100644
index 0922fcb..0000000
--- a/components/apps/file_explorer/file_explorer.css
+++ /dev/null
@@ -1,271 +0,0 @@
-* {
- padding: 0px;
- margin: 0px;
- list-style: none;
- text-decoration: none;
- box-sizing: border-box;
- user-select: none;
- font-family: 'Segoe UI';
- font-weight: 100;
-}
-
-.tool-bar-box {
- width: 100%;
- height: 55px;
- color: white;
- background-color: rgb(49, 49, 49);
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.button-box {
- min-width: 30px;
- min-height: 30px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.button-icon {
- width: 20px;
- height: 20px;
-}
-
-#backButton {
- transform: rotate(180deg);
-}
-
-.path-box {
- width: calc(100% - 160px);
- height: 30px;
- background-color: rgb(89, 86, 86);
- border-radius: 5px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.path-show {
- width: calc(100% - 10px);
- height: 20px;
- color: white;
- background-color: inherit;
- border: 0px;
- font-size: 15px;
- font-family: monospace;
- overflow-x: hidden;
- display: flex;
- justify-content: flex-start;
- align-items: center;
-}
-
-.search-bar {
- width: 200px;
- height: 30px;
- padding-left: 5px;
- margin: 0px 5px 0 10px;
- color: white;
- background-color: rgb(89, 86, 86);
- border: 0px;
- border-radius: 5px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.search-bar::placeholder {
- color: rgb(220, 220, 220);
-}
-
-.file-upload-box {
- width: 100%;
- height: 30px;
- padding-left: 5px;
- color: white;
- background-color: rgb(30, 29, 29);
- box-shadow: 0 0 0 1px gray;
- display: flex;
- justify-content: flex-start;
- align-items: center;
-}
-
-.file-system {
- width: 100%;
- height: calc(100vh - 85px);
- color: white;
- background-color: rgb(30, 29, 29);
- box-shadow: 0 0 0 1px gray;
- display: flex;
-}
-
-.image-preview-box {
- width: 100dvw;
- height: calc(100% - 60px);
- background-color: black;
- box-shadow: 0 0 0 0.5px white;
- position: fixed;
- display: none;
- flex-direction: column;
- align-items: center;
- overflow: auto;
-}
-
-.close {
- width: 100%;
- height: 17px;
- background-color: black;
- box-shadow: 0 0 0 0.5px white;
- display: flex;
- justify-content: flex-end;
- align-items: center;
-}
-
-.close-icon {
- width: 15px;
-}
-
-/* #imagePreview {
-
-} */
-
-.folder-navigation-box {
- width: 10%;
- min-width: 120px;
- height: 100%;
- box-shadow: 0 0 0 1px gray;
-}
-
-.folder-mini-box {
- width: calc(100%- 30px);
- height: 33px;
- overflow: hidden;
- white-space: nowrap;
- box-sizing: content-box;
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-
-.folder-mini-box:hover {
- background-color: rgb(60, 59, 59);
-}
-
-.folder-icon-box {
- width: 60px;
- height: 20px;
- box-sizing: content-box;
- display: flex;
- justify-content: flex-end;
- align-items: center;
-}
-
-.folder-icon {
- width: 20px;
- height: 100%;
- box-sizing: content-box;
-}
-
-.folder-name-box {
- width: calc(100% - 35px);
- font-size: 13px;
- box-sizing: content-box;
-}
-
-.folder-content-box {
- width: 90%;
- height: 100%;
- box-shadow: 0 0 0 1px gray;
- overflow-x: hidden;
-}
-
-.label-bar-box {
- width: 100%;
- height: 30px;
- display: flex;
-}
-
-.label-name-box {
- /* width: 100px; */
- height: 25px;
- font-size: 12px;
- padding-left: 10px;
- border-right: 1px solid gray;
- display: flex;
- align-items: center;
-}
-
-.label-name-box:hover {
- background-color: gray;
-}
-
-.folder-detail-box {
- width: calc(100%- 440px);
- height: 33px;
- overflow: hidden;
- white-space: nowrap;
- box-sizing: content-box;
- display: flex;
- justify-content: flex-start;
- align-items: center;
-}
-
-
-.folder-detail-box:hover {
- background-color: rgb(60, 59, 59);
-}
-
-.folder-detail-icon-box {
- width: 40px;
- height: 20px;
- box-sizing: content-box;
- display: flex;
- justify-content: flex-end;
- align-items: center;
-}
-
-.folder-detail-name-box {
- width: calc(200px - 30px);
- padding-left: 5px;
- font-size: 13px;
- overflow-x: auto;
-}
-
-.folder-detail-name-box::-webkit-scrollbar {
- display: none;
-}
-
-.date-modified-box {
- width: 150px;
- padding-left: 10px;
- font-size: 12px;
-}
-
-.type-box {
- width: 150px;
- padding-left: 10px;
- font-size: 12px;
-}
-
-.size-box {
- width: 100px;
- padding-left: 10px;
- font-size: 12px;
-}
-
-iframe {
- width: 100%;
- height: 100vh;
- background-color: white;
- border: 0px;
-}
-
-@media only screen and (max-width: 500px) {
- .folder-navigation-box {
- display: none;
- }
-
- .folder-content-box {
- width: 100%;
- }
-}
\ No newline at end of file
diff --git a/components/apps/file_explorer/file_explorer.html b/components/apps/file_explorer/file_explorer.html
deleted file mode 100644
index c2d1bb4..0000000
--- a/components/apps/file_explorer/file_explorer.html
+++ /dev/null
@@ -1,193 +0,0 @@
-
-
-
-
-
-
- File Explorer
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Home
-
-
-
-
-
-
-
- Photos
-
-
-
-
-
-
-
- Videos
-
-
-
-
-
-
-
- Document
-
-
-
-
-
-
-
- Download
-
-
-
-
-
-
- Name
-
-
- Date modified
-
-
- Type
-
-
- Size
-
-
-
-
-
-
-
-
- Python
-
-
- 04-05-2024 06:08 PM
-
-
- File Folder
-
-
- 10GB
-
-
-
-
-
-
-
-
-
- code-box
-
-
- 04-05-2024 06:08 PM
-
-
- File Folder
-
-
- 10GB
-
-
-
-
-
-
-
-
-
- Movies
-
-
- 04-05-2024 06:08 PM
-
-
- File Folder
-
-
- 10GB
-
-
-
-
-
-
-
-
-
- Music
-
-
- 04-05-2024 06:08 PM
-
-
- File Folder
-
-
- 10GB
-
-
-
-
-
-
-
-
-
- 
- 
- 
-