diff --git a/component/navSide.js b/component/navSide.js deleted file mode 100644 index 079d551..0000000 --- a/component/navSide.js +++ /dev/null @@ -1,209 +0,0 @@ -let navegabar = () => { - return `
- - -
-
-
- Manoj Kumar's workspace -
- -
UPGRADE
-
-
- - -
- -
- -
- -
- -
- -
MK - -
-
-

Manoj Kumar

-

aarushroy282@gmail.com

-
-

Profile Setting

-
-

Dark theme

-
-
-

Download apps

-
-

Try chat app

-

NEW

-
-
-

Log Out

-
-
`; -} - -let SideBar = () => { - return `
-
-
TIME TRACKER
-
-
-
-
-
CALENDER
-
-
-

ANALYZE

-
-
-
DASHBOARD
-
-
-
-
-
REPORTS
-
-
-

MANAGE

- - -
-
-
PROJECTS
-
-
- - -
-
-
TEAM
-
-
-
-
-
-
CLIENTS
-
-
- - -
-
-
TAGS
-
-
- - - -
- -
-
-
Show More
-
- - -
- -
-
-
-
TIMESHEET
-
- -
-
-
-
kIOSKS
-
- -
-
-
-
SCHEDULE
-
- -
-
-
-
EXPENSES
-
- -
-
-
-
TIME OFF
-
- -
-
-
-
ACTIVITY
-
- -
-
-
-
APPROVALS
-
- -
-
-
INVOICES
- -
-
- -
`; -} - -let popupHtml = () => { - return ` -
- - -
-
-

Client Name

- -
-

Client Address

- -
-

Client Note

- -
-
` -} - -export { navegabar, SideBar, popupHtml } \ No newline at end of file diff --git a/manage/project.html b/manage/project.html deleted file mode 100644 index 03528e5..0000000 --- a/manage/project.html +++ /dev/null @@ -1,91 +0,0 @@ - - - - - - - - Projects • Clockify - - - - - - - - - - -
- -
- -
-
-

Projects

- -
-
-
- FILTER -
-
- -
-
- -
-
-
- -
-
-
- -
-
-
-
- -
-
- -
-
-
-
- Projects -
-
- - - - - - - - - - - - - - -
NAMECLIENTTRACKEDAMOUNTPROGRESSACCESS
-
-
-
-
-
- - - - - - \ No newline at end of file diff --git a/manage/projectdet.html b/manage/projectdet.html deleted file mode 100644 index ec77293..0000000 --- a/manage/projectdet.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - Projects • Clockify - - - - - - - - - - -
- -
-
- Projects -

-

-
-
- - - - -
-
-
-
-
- - - - - - \ No newline at end of file diff --git a/manage/scripts/project.js b/manage/scripts/project.js deleted file mode 100644 index b97960e..0000000 --- a/manage/scripts/project.js +++ /dev/null @@ -1,300 +0,0 @@ - -let catchElem = (val) => { - return document.querySelector(val); -}; - -let createElem = (val) => { - return document.createElement(val); -}; - -let client_list = catchElem('.client-list'); - -let displayClientDropDown = () => { - - catchElem('.cl-1').innerHTML = ''; - - let div = createElem('div'); - let search = createElem('input'); - search.placeholder = 'Search'; - - let status_div = createElem('div'); - let show_project_status = createElem('p'); - show_project_status.textContent = 'SHOW'; - - let status_select = createElem('select'); - let opt1 = createElem('option'); - opt1.value = 'active'; - opt1.textContent = 'Active'; - - let opt2 = createElem('option'); - opt2.value = 'archived'; - opt2.textContent = 'Archived'; - - let opt3 = createElem('option'); - opt3.value = 'all'; - opt3.textContent = 'All'; - - let client_input1 = createElem('input'); - client_input1.setAttribute('id', 'select-all'); - client_input1.type = 'checkbox'; - - let select_all_label1 = createElem('label'); - select_all_label1.setAttribute('for', 'select-all'); - select_all_label1.textContent = 'Select All'; - - let client_input2 = createElem('input'); - client_input2.setAttribute('id', 'without-client'); - client_input2.type = 'checkbox'; - - let select_all_label2 = createElem('label'); - select_all_label2.setAttribute('for', 'without-client'); - select_all_label2.textContent = 'Without Client'; - - status_select.append(opt1, opt2, opt3); - - status_div.append(show_project_status, status_select); - - div.append(search, status_div, client_input1, select_all_label1, client_input2, select_all_label2); - catchElem('.cl-1').append(div); -}; - -catchElem('.client-list').addEventListener('click', displayClientDropDown); - -let access_list = catchElem('.access-user'); - -let displayAcceessUsers = () => { - - catchElem('.cl-2').innerHTML = ''; - - let div = createElem('div'); - let search = createElem('input'); - search.placeholder = 'Find Member or group'; - - let user_div = createElem('div'); - - let show_user_status = createElem('p'); - show_user_status.textContent = 'SHOW'; - - let user_select = createElem('select'); - let opt1 = createElem('option'); - opt1.value = 'active'; - opt1.textContent = 'Active'; - - let opt2 = createElem('option'); - opt2.value = 'archived'; - opt2.textContent = 'Inactive'; - - let opt3 = createElem('option'); - opt3.value = 'all'; - opt3.textContent = 'All'; - - let user_input1 = createElem('input'); - user_input1.setAttribute('id', 'select-all_user'); - user_input1.type = 'checkbox'; - - let select_all_u_label1 = createElem('label'); - select_all_u_label1.setAttribute('for', 'select-all_user'); - select_all_u_label1.textContent = 'Select All'; - - let show_users = createElem('p'); - show_users.textContent = 'USERS'; - - user_select.append(opt1, opt2, opt3); - - user_div.append(show_user_status, user_select); - - div.append(search, user_div, user_input1, select_all_u_label1); - catchElem('.cl-2').append(div); -}; - -catchElem('.access-user').addEventListener('click', displayAcceessUsers); - -let displayBillingDiv = () => { - - catchElem('.cl-3').innerHTML = ''; - - let div = createElem('div'); - - let b_input = createElem('input'); - b_input.setAttribute('id', 'billable'); - b_input.type = 'checkbox'; - - let b_label = createElem('label'); - b_label.setAttribute('for', 'billable'); - b_label.textContent = 'Billable'; - - let non_b_input = createElem('input'); - non_b_input.setAttribute('id', 'nonbillable'); - non_b_input.type = 'checkbox'; - - let non_b_label = createElem('label'); - non_b_label.setAttribute('for', 'nonbillable'); - non_b_label.textContent = 'Non - Billable'; - - div.append(b_input, b_label, non_b_input, non_b_label); - - catchElem('.cl-3').append(div); - -}; - -catchElem('.billing').addEventListener('click', displayBillingDiv); - -let modal = catchElem('.modal'); - -let openModal = () => { - - modal.innerHTML = ''; - modal.style.display = 'block'; - - let modal_cont = createElem('div'); - modal_cont.setAttribute('class', 'modal-content'); - - let detail_div = createElem('div'); - detail_div.setAttribute('class', 'crt-1') - - let new_prj = createElem('p'); - new_prj.textContent = 'Create New Project'; - - let close_btn = createElem('p'); - close_btn.textContent = 'X'; - close_btn.setAttribute('class', 'close-modal') - close_btn.style.cursor = 'pointer'; - close_btn.addEventListener('click', () => { - closeModal(); - }); - - detail_div.append(new_prj, close_btn); - - let new_div = createElem('div'); - - let pro_name = createElem('input'); - pro_name.type = 'text'; - pro_name.setAttribute('id', 'project-name'); - pro_name.placeholder = 'Enter Project Name'; - - let client_name = createElem('input'); - client_name.type = 'text'; - client_name.setAttribute('id', 'client-name'); - client_name.placeholder = 'Enter Client Name'; - - new_div.append(pro_name, client_name); - - let submit_div = createElem('div'); - submit_div.setAttribute('class', 'submit-div'); - - let create_btn = createElem('button'); - create_btn.setAttribute('class', 'crt-new-prj'); - create_btn.textContent = 'CREATE'; - create_btn.addEventListener('click', () => { - addNewProject(); - }); - - let close_p_btn = createElem('button'); - close_p_btn.setAttribute('class', 'cls-new-prj'); - close_p_btn.textContent = 'CLOSE'; - close_p_btn.addEventListener('click', () => { - closeModal(); - }) - - submit_div.append(close_p_btn, create_btn); - - modal_cont.append(detail_div, new_div, submit_div); - - modal.append(modal_cont); - -}; - -catchElem('#content-project > div:nth-child(1) > button').addEventListener('click', openModal); - -let closeModal = () => { - modal.style.display = 'none'; -} - -let addNewProject = async () => { - - let project_data = - { - project_name: catchElem('#project-name').value, - client_name: catchElem('#client-name').value, - project_id: Date.now() - }; - - let res = await fetch('https://pacific-citadel-99633.herokuapp.com/api/clockify-projects', - { - method: 'POST', - body: JSON.stringify(project_data), - headers: - { - 'Content-Type': 'application/json' - } - }); - - res = await res.json(); - console.log(res); - - catchElem('#project-name').value = ''; - catchElem('#client-name').value = ''; - getProjectData() -}; - -let prj_content = catchElem('#project-details > div:nth-child(2) > table > tbody'); - -window.addEventListener('load', () => { - getProjectData(); -}) - -let getProjectData = async () => { - - let res = await fetch('https://pacific-citadel-99633.herokuapp.com/api/clockify-projects'); - - res = await res.json(); - console.log(res); - DisplayProjcetList(res); -} - -let DisplayProjcetList = (data) => { - - console.log(data); - - prj_content.innerHTML = ''; - - data.forEach((e) => { - - let tr_elem = createElem('tr'); - tr_elem.onclick = () => { - saveProjData(e); - } - - let p_name = createElem('td'); - p_name.textContent = e.project_name; - - let c_name = createElem('td'); - c_name.textContent = e.client_name; - - let track_name = createElem('td'); - track_name.textContent = '0.0h'; - - let amt_name = createElem('td'); - amt_name.textContent = '0.0USD'; - - let prog_name = createElem('td'); - prog_name.textContent = '-'; - - let access_name = createElem('td'); - access_name.textContent = 'Public'; - - tr_elem.append(p_name, c_name, track_name, amt_name, prog_name, access_name); - prj_content.append(tr_elem); - - }); -}; - -let saveProjData = (e) => { - let data = []; - data.push(e); - localStorage.setItem('project-details', JSON.stringify(data)); - window.location.href = 'projectdet.html'; -} - - - diff --git a/manage/scripts/projectdet.js b/manage/scripts/projectdet.js deleted file mode 100644 index 691d246..0000000 --- a/manage/scripts/projectdet.js +++ /dev/null @@ -1,387 +0,0 @@ - -let prj_data = JSON.parse(localStorage.getItem('project-details')); - -let catchElem = (val) => { - return document.querySelector(val); -}; - -let createElem = (val) => { - return document.createElement(val); -}; - -let appendNames = () => { - - prj_data.forEach((e) => { - catchElem('#component-1 > h1').textContent = e.project_name; - catchElem('#component-1 > p').textContent = e.client_name; - }); -}; -appendNames(); - -window.onload = () => { - - showTasks(); -} - -let component_tabs = catchElem('.component-tabs-data'); - -let showTasks = () => { - - component_tabs.innerHTML = ''; - - let div_controls = createElem('div'); - div_controls.setAttribute('class', 'div-controls'); - - let div_1 = createElem('div'); - - let select_div = createElem('select'); - select_div.setAttribute('id', 'select_div'); - - let opt1 = createElem('option'); - opt1.value = 'show-active'; - opt1.textContent = 'Show Active' - - let opt2 = createElem('option'); - opt2.value = 'show-done'; - opt2.textContent = 'Show Done' - - let opt3 = createElem('option'); - opt3.value = 'show-all'; - opt3.textContent = 'Show All' - - select_div.append(opt1, opt2, opt3); - - let serach_name = createElem('input'); - serach_name.type = 'text'; - serach_name.placeholder = 'Search by name'; - - div_1.append(select_div, serach_name); - - let div_2 = createElem('div'); - - let add_task = createElem('input'); - add_task.type = 'text'; - add_task.setAttribute('id', 'task_data'); - add_task.placeholder = 'Add new task'; - - let add_btn = createElem('button'); - add_btn.textContent = 'ADD'; - add_btn.addEventListener('click', () => { - AddNewTask(); - }); - - div_2.append(add_task, add_btn); - - let div_3 = createElem('div'); - - let header_div = createElem('div'); - header_div.textContent = 'Tasks'; - - let task_table = createElem('table'); - - let thead_tr = createElem('tr'); - - let task_th1 = createElem('th'); - task_th1.textContent = 'NAME'; - - let task_th2 = createElem('th'); - task_th2.textContent = 'ASSIGNEES'; - - thead_tr.append(task_th1, task_th2); - - task_table.append(thead_tr); - - tasks_array.forEach((e) => { - - let tbody_tr = createElem('tr'); - - let task_td1 = createElem('td'); - task_td1.textContent = e.task; - - let task_td2 = createElem('td'); - prj_data.forEach((e) => { - task_td2.textContent = e.client_name; - }) - - let rem_btn = createElem('button'); - rem_btn.textContent = 'Delete'; - rem_btn.setAttribute('class', 'rem-task'); - rem_btn.addEventListener('click', () => { - removeTask(e); - }); - - tbody_tr.append(task_td1, task_td2, rem_btn); - - task_table.append(tbody_tr); - - }); - - div_3.append(header_div, task_table); - - div_controls.append(div_1, div_2); - - component_tabs.append(div_controls, div_3); - -} - -let task_data = catchElem('.component-tabs> button:nth-child(1)') -task_data.addEventListener('click', showTasks); - -let tasks_array = JSON.parse(localStorage.getItem('tasks')) || []; - -let AddNewTask = () => { - - let task_details = { - task: catchElem('#task_data').value - }; - - tasks_array.push(task_details); - - localStorage.setItem('tasks', JSON.stringify(tasks_array)); - - catchElem('#task_data').value = ''; - - showTasks(); -}; - -let removeTask = (e) => { - - tasks_array = tasks_array.filter((elem) => { - return elem !== e; - }); - - localStorage.setItem('tasks', JSON.stringify(tasks_array)); - - showTasks(tasks_array); -} - -let showAccess = () => { - - component_tabs.innerHTML = ''; - - let acc_div = createElem('div'); - acc_div.setAttribute('class', 'access-div'); - - let acc_div_1 = createElem('div'); - - let acc_text_h2 = createElem('h2'); - acc_text_h2.textContent = 'Visibility'; - - let vis_who_1 = createElem('input'); - vis_who_1.type = 'radio'; - vis_who_1.value = 'private'; - vis_who_1.name = 'private'; - vis_who_1.checked = true; - vis_who_1.setAttribute('id', 'acc-private'); - - let vis_who_1_label = createElem('label'); - vis_who_1_label.setAttribute('for', 'acc-private'); - vis_who_1_label.textContent = 'Private'; - - let vis_who_2 = createElem('input'); - vis_who_2.type = 'radio'; - vis_who_2.value = 'public'; - vis_who_2.name = 'public'; - vis_who_2.checked = false; - vis_who_2.setAttribute('id', 'acc-public'); - - let vis_who_2_label = createElem('label'); - vis_who_2_label.setAttribute('for', 'acc-public'); - vis_who_2_label.textContent = 'Public'; - - let acc_text_p = createElem('p'); - acc_text_p.setAttribute('class', 'acc-p-text'); - acc_text_p.textContent = 'Only people you add to the project can track time on it'; - - if (vis_who_2.checked === true) { - vis_who_1.checked = false; - acc_text_p.textContent = 'Everyone can track time on public projects.' - } - - acc_div_1.append(acc_text_h2, acc_text_p, vis_who_1, vis_who_1_label, vis_who_2, vis_who_2_label); - - let acc_div_2 = createElem('div'); - - let acc_div_2_p = createElem('p'); - acc_div_2_p.textContent = 'Users'; - - acc_div_2.append(acc_div_2_p); - - let acc_u_table = createElem('table'); - - let acc_tr = createElem('tr'); - let acc_th = createElem('th'); - acc_th.textContent = 'NAME'; - - let acc_th2 = createElem('th'); - acc_th2.textContent = 'BILLABLE RATE' - - let acc_th3 = createElem('th'); - acc_th3.textContent = 'OWNER'; - - acc_tr.append(acc_th, acc_th2, acc_th3); - - let acc_tb_tr = createElem('tr'); - - let acc_td = createElem('td'); - - prj_data.forEach((e) => { - acc_td.textContent = e.client_name; - }) - - let acc_td2 = createElem('td'); - acc_td2.textContent = 'Change'; - - let acc_td3 = createElem('td'); - acc_td3.textContent = 'Owner'; - - acc_tb_tr.append(acc_td, acc_td2, acc_td3); - - acc_u_table.append(acc_tr, acc_tb_tr); - - acc_div.append(acc_div_1, acc_div_2, acc_u_table); - - component_tabs.append(acc_div); - -}; - -catchElem('.component-tabs > button:nth-child(2)').addEventListener('click', showAccess); - -let note_context = JSON.parse(localStorage.getItem('note')); - -let showNote = () => { - - component_tabs.innerHTML = ''; - - let note_div = createElem('div'); - note_div.setAttribute('class', 'note-div'); - - let note_input = createElem('input'); - note_input.type = 'text'; - note_input.setAttribute('id', 'note-input'); - note_input.oninput = () => { - - localStorage.setItem('note', JSON.stringify(note_input.value)); - - } - - let note_p = createElem('p'); - note_p.textContent = note_context; - - note_div.append(note_input, note_p); - - component_tabs.append(note_div); -} - -catchElem('.component-tabs > button:nth-child(3)').addEventListener('click', showNote); - -let getData = async () => { - - let res = await fetch('https://pacific-citadel-99633.herokuapp.com/api/clockify-projects'); - - res = await res.json(); - - console.log(res); -} - -let showPrjSettings = () => { - - component_tabs.innerHTML = ''; - - let pjs_div = createElem('div'); - pjs_div.setAttribute('class', 'prj-settings') - - let pj_name_div = createElem('div'); - - let pj_name = createElem('h2'); - pj_name.textContent = 'Name'; - - let pj_change = createElem('input'); - pj_change.type = 'text'; - pj_change.setAttribute('id', 'chagne-prj-name'); - - pj_change.oninput = () => { - let update_pjname = pj_change.value; - - for (let i in prj_data) { - prj_data[i].project_name = update_pjname; - } - - localStorage.setItem('project-details', JSON.stringify(prj_data)); - } - - pj_name_div.append(pj_name, pj_change); - - pjs_div.append(pj_name_div); - - let pj_client_div = createElem('div'); - - let pj_cl_name = createElem('h2'); - pj_cl_name.textContent = 'Client'; - - let pj_change_cl = createElem('input'); - pj_change_cl.type = 'text'; - pj_change_cl.setAttribute('id', 'chagne-prj-name'); - - pj_change_cl.oninput = () => { - let update_pjname_cl = pj_change_cl.value; - - for (let i in prj_data) { - prj_data[i].client_name = update_pjname_cl; - } - - localStorage.setItem('project-details', JSON.stringify(prj_data)); - - } - - pj_client_div.append(pj_cl_name, pj_change_cl); - - let prj_div = createElem('div'); - - let prj_h2 = createElem('h2'); - prj_h2.textContent = 'Project estimate' - - let prj_p = createElem('p'); - prj_p.textContent = 'Choose how you wish to track project progress (time or fixed fee budget).'; - - let prj_sel = createElem('select'); - prj_sel.setAttribute('id', 'prj-sel'); - - let prj_opt1 = createElem('option'); - prj_opt1.value = 'no-estimate'; - prj_opt1.textContent = 'No-estimate'; - - let prj_opt2 = createElem('option'); - prj_opt2.value = 'time-estimate'; - prj_opt2.textContent = 'Time estimate' - - prj_sel.append(prj_opt1, prj_opt2); - - prj_div.append(prj_h2, prj_p, prj_sel); - - let pro_bud = createElem('div') - - let pro_div_1 = createElem('div'); - pro_div_1.textContent = 'PRO feature'; - - let pro_div_2 = createElem('div'); - - let pro_btn = createElem('button'); - pro_btn.textContent = 'Upgrade'; - pro_btn.addEventListener('click', () => { - window.location.href = ''; - }); - - pro_div_2.append(pro_btn); - - pro_bud.append(pro_div_1, pro_div_2); - - pjs_div.append(pj_name_div, pj_client_div, prj_div, pro_bud); - - component_tabs.append(pjs_div); - -}; - -showPrjSettings(); - -catchElem('.component-tabs > button:nth-child(4)').addEventListener('click', showPrjSettings); \ No newline at end of file diff --git a/manage/scripts/tags.js b/manage/scripts/tags.js deleted file mode 100644 index c28b8a7..0000000 --- a/manage/scripts/tags.js +++ /dev/null @@ -1,169 +0,0 @@ - -let catchElem = (val) => { - return document.querySelector(val); -}; - -let createElem = (val) => { - return document.createElement(val); -}; - -window.onload = () => { - getTags() -}; - -let tags = JSON.parse(localStorage.getItem('tags')) || []; - -let AddTags = () => { - - let new_tag = { - tag: catchElem('#new-tag').value - } - - tags.push(new_tag); - - localStorage.setItem('tags', JSON.stringify(tags)); - - catchElem('#new-tag').value = ''; - getTags(); -}; - -let getTags = () => { - showTags(); -} - -catchElem('.add-tag').addEventListener('click', AddTags); - -let content_data = catchElem('.content-data > div:nth-child(2)'); - -let showTags = () => { - - content_data.innerHTML = ''; - - let cont_div = createElem('div'); - - tags.forEach((e) => { - - let tag_d = createElem('div'); - tag_d.setAttribute('class', 'tag-d'); - - let tag_div = createElem('div'); - - let tag_div_p = createElem('p'); - tag_div_p.textContent = e.tag; - - tag_div.append(tag_div_p); - - let tag_ctrl = createElem('div'); - - let rem_btn = createElem('button'); - rem_btn.textContent = 'x'; - rem_btn.addEventListener('click', () => { - removeTags(e); - }); - - let edit_btn = createElem('button'); - edit_btn.textContent = '⁞'; - edit_btn.addEventListener('click', () => { - EditTags(e); - }); - - tag_ctrl.append(edit_btn, rem_btn); - - tag_d.append(tag_div, tag_ctrl); - - cont_div.append(tag_d); - - }); - content_data.append(cont_div); -}; - -let removeTags = (e) => { - tags = tags.filter((ele) => { - return ele !== e; - }); - localStorage.setItem('tags', JSON.stringify(tags)); - getTags(); -}; - -let EditTags = (e) => { - openEditModal(e); -} - -let modal = catchElem('.modal'); - -let openEditModal = (e) => { - - modal.innerHTML = ''; - modal.style.display = 'block'; - - let modal_cont = createElem('div'); - modal_cont.setAttribute('class', 'modal-content'); - - let detail_div = createElem('div'); - detail_div.setAttribute('class', 'tag-1') - - let edit_tag = createElem('p'); - edit_tag.textContent = 'Edit Tag'; - - detail_div.append(edit_tag); - - let edit_opt = createElem('div'); - - let edit_opt_1 = createElem('p'); - edit_opt_1.textContent = 'Change Name'; - - let edit_opt_2 = createElem('input'); - edit_opt_2.type = 'text'; - edit_opt_2.setAttribute('id', 'edit-tag'); - - edit_opt.append(edit_opt_1, edit_opt_2); - - let edit_ctrl = createElem('div'); - - let edit_cls = createElem('button'); - edit_cls.textContent = 'Close'; - edit_cls.addEventListener('click', () => { - closeEditModal(); - }) - - let edit_cls_2 = createElem('button'); - edit_cls_2.textContent = 'Save'; - edit_cls_2.addEventListener('click', () => { - - // EditandSaveTag(e); - console.log(e); - - tags.forEach((elem) => { - - for (let key in e) { - - if (elem.tag === e[key]) { - - let updated_tag = catchElem('#edit-tag').value; - - e[key] = updated_tag; - - localStorage.setItem('tags', JSON.stringify(tags)); - } - } - }) - getTags(); - }); - - edit_ctrl.append(edit_cls, edit_cls_2); - - modal_cont.append(detail_div, edit_opt, edit_ctrl); - - modal.append(modal_cont); - -} - -let closeEditModal = () => { - modal.style.display = 'none'; -} - -openEditModal(); - -closeEditModal(); - - diff --git a/manage/styles/project.css b/manage/styles/project.css deleted file mode 100644 index bc3dabd..0000000 --- a/manage/styles/project.css +++ /dev/null @@ -1,309 +0,0 @@ -* { - margin: 0px; - padding: 0px; - box-sizing: border-box; - font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; -} - -.content { - width: 95%; - /* margin: auto; */ - padding: 20px 10px 0 20px; -} - -#content-project>div:first-child { - display: flex; - justify-content: space-between; - margin-top: 20px; -} - -#content-project>div:first-child>h1 { - font-weight: 400; - color: #666666; -} - -#content-project>div:first-child>button { - width: 170px; - height: 40px; - background-color: #03a9f4; - color: white; - border: none; - cursor: pointer; -} - -#component-2-project { - display: flex; - width: 100%; - justify-content: space-evenly; - margin-top: 20px; - border: 0.5px solid gainsboro; - padding-top: 10px; -} - -#component-2-project>div:nth-child(2) { - width: auto; - text-align: center; - border: none; - outline: none; - cursor: pointer; -} - -#aaa { - border: none; - outline: none; - width: 100%; - cursor: pointer; -} - -#aaa>option { - width: auto; -} - -.client-list { - border: none; - background-color: transparent; - width: 100px; - cursor: pointer; -} - -.cl-1 { - width: 150px; -} - -.cl-1>div { - border: 0.5px solid gainsboro; -} - -.cl-1>div>div { - display: flex; - cursor: pointer; - justify-content: space-between; -} - -.cl-1>div>div:hover { - background-color: #e4eaee; -} - -.cl-1>div>input { - display: list-item; -} - -.cl-1>div>div>select { - border: none; - outline: none; -} - -.cl-1>div>div>input:hover { - background-color: #e4eaee; -} - -#component-2-project>div:nth-child(4) { - width: 150px; -} - -.access-user { - border: none; - outline: none; - background-color: transparent; - cursor: pointer; -} - -.cl-2>div { - border: 0.5px solid gainsboro; -} - -.cl-2>div>div { - display: flex; - justify-content: space-between; - align-items: center; -} - -.cl-2>div>div>select { - border: none; - outline: none; -} - -#component-2-project>div:nth-child(5) { - width: 150px; -} - -.billing { - width: 100%; - background-color: transparent; - border: none; - cursor: pointer; -} - -.cl-3 { - width: 100%; -} - -.cl-3>div { - border: 0.5px solid gainsboro; -} - -.cl-3>div>input { - display: list-item; -} - -#component-2-project>div:nth-child(6) { - width: 300px; -} - -#prj-name { - width: 98%; - height: 30px; - background-color: transparent; - padding-left: 15px; - border: 0.1px solid gainsboro; - outline: none; -} - -.apply-filter { - background-color: white; - color: #03a9f4; - border: 0.5px solid gainsboro; - outline: none; - cursor: pointer; - height: 30px; - width: 100px; - margin-bottom: 10px; -} - -.apply-filter:hover { - background-color: #03a9f4; - color: white; -} - -#project-details { - width: 100%; -} - -#project-details>div:nth-child(1) { - background-color: #e4eaee; - height: 40px; - padding: 8px 0 0 10px; -} - -#project-details>div:nth-child(2) { - width: 100%; -} - -#project-details>div:nth-child(2)>table { - width: 100%; - border: 0.5px solid gainsboro; -} - -#project-details>div:nth-child(2)>table>tr:first-child { - border: 0.5px solid gainsboro; - height: 40px; -} - -#project-details>div:nth-child(2)>table>thead>tr>th { - font-weight: 200; - height: 40px; - color: #999999; - padding: 0 0 0 15px; -} - -#project-details>div:nth-child(2)>table>tbody { - border: 0.5px solid gainsboro; -} - -#project-details>div:nth-child(2)>table>tbody>tr>td { - padding: 0 0 0 15px; - font-weight: 200; - height: 50px; - color: #666666; -} - -/* Modal style starts here */ - -.modal { - display: none; - position: fixed; - z-index: 1; - padding-top: 300px; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: auto; - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.4); -} - -.modal-content { - background-color: #fefefe; - margin: auto; - padding: 20px; - border: 1px solid #888; - height: 150px; - width: 40%; -} - -.crt-1 { - display: flex; - justify-content: space-between; -} - -.crt-1+div { - margin-top: 10px; - display: flex; - justify-content: space-between; -} - -.crt-1+div>input { - border: 0.5px solid gainsboro; - width: 45%; - height: 30px; - margin-bottom: 15px; - padding-left: 10px; -} - -.submit-div { - display: flex; - gap: 20px; - justify-content: flex-end; - -} - -.crt-new-prj { - background-color: #03a9f4; - color: white; - border: 0.5px solid gainsboro; - width: 70px; - height: 30px; - cursor: pointer; -} - -.cls-new-prj { - background-color: white; - color: #03a9f4; - border: 0.5px solid gainsboro; - width: 70px; - height: 30px; - cursor: pointer; -} - -.close-modal { - color: #aaaaaa; - font-weight: bold; - width: 15px; - text-align: center; -} - -.close-modal:hover { - background-color: #000; - color: gainsboro; -} - -.close-modal, -.close-modal:focus { - color: #000; - text-decoration: none; - cursor: pointer; - border: 0.5px solid gainsboro; -} - -/* Modal style ends here */ \ No newline at end of file diff --git a/manage/styles/projectdet.css b/manage/styles/projectdet.css deleted file mode 100644 index 3c2c32b..0000000 --- a/manage/styles/projectdet.css +++ /dev/null @@ -1,313 +0,0 @@ -* { - margin: 0px; - padding: 0px; - box-sizing: border-box; - font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; -} - -.content { - width: 95%; - /* margin: auto; */ - padding: 20px 10px 0 20px; -} - -#component-1 { - margin: 20px 0 40px 0; -} - -#component-1>a { - text-decoration: none; - margin: 0 0 10px 0; - color: #03a9f4; -} - -#component-1>a:hover { - text-decoration: underline; -} - -#component-1>h1 { - font-weight: 500; - color: #666666; -} - -#component-1>p { - color: #666666; -} - -.component-tabs>button { - padding: 0 15px 0 15px; - height: 43px; - background-color: #e4eaee; - border: 0.5px solid gainsboro; - cursor: pointer; -} - -.component-tabs>button:hover { - background-color: #ffffff; -} - -.component-tabs-data { - width: 100%; - box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; - padding: 5px 20px 5px 20px; - margin: 20px 0 0 0; -} - -.div-controls { - height: 40px; - margin: 10px 0 10px 0; - display: flex; - justify-content: space-between; - align-items: center; -} - -.div-controls>div:first-child { - height: 40px; -} - -.div-controls>div:first-child>select { - height: 40px; - cursor: pointer; - margin: 0 20px 0 0; - border: 00.5px solid gainsboro; -} - -.div-controls>div:first-child>input { - height: 40px; - width: 245px; - margin: 0 20px 0 0; - padding-left: 10px; - border: 00.5px solid gainsboro; -} - -.div-controls>div:nth-child(2) { - height: 40px; -} - -.div-controls>div:nth-child(2)>input { - height: 40px; - width: 160px; - margin: 0 20px 0 0; - padding-left: 10px; - border: 00.5px solid gainsboro; -} - -.div-controls>div:nth-child(2)>button { - height: 40px; - width: 100px; - cursor: pointer; - color: white; - background-color: #03a9f4; - border: none; - outline: none; -} - -.component-tabs-data>div:nth-child(2)>table { - width: 100%; - height: 40px; - padding-left: 10px; - border: 0.5px solid gainsboro; -} - -.component-tabs-data>div:nth-child(2)>table>tr>th { - text-align: left; - font-weight: 400; - color: #666666; - height: 40px; -} - -.component-tabs-data>div:nth-child(2)>table>tr>td { - height: 40px; -} - -.component-tabs-data>div:nth-child(2)>table>tr>th:nth-child(2) { - width: 50%; -} - -.component-tabs-data>div:nth-child(2)>table>tr>td:nth-child(1) { - width: 40%; - /* text-decoration: line-through; */ -} - -.component-tabs-data>div:nth-child(2)>table>tr>td:nth-child(2) { - width: 40%; -} - -.component-tabs-data>div:nth-child(2)>table>tr>button { - background-color: transparent; - border: 0.5px solid gainsboro; - color: #03a9f4; - height: 20px; - cursor: pointer; - margin-right: 5px; -} - -.div-controls+div>div { - width: 100%; - height: 40px; - color: #666666; - background-color: #e4eaee; - padding: 8px 0 0 20px; -} - -.access-div { - width: 100%; - height: auto; -} - -.access-div>div:nth-child(1) { - height: 90px; - border-bottom: 0.5px solid gainsboro; - margin: 10px 0 20px 0; -} - -.access-div>div:nth-child(1)>h2 { - font-weight: 500; -} - -.access-div>div:nth-child(1)>p { - margin-bottom: 10px; - color: #999999; -} - -.access-div>div:nth-child(2) { - height: 40px; - background-color: #e4eaee; - margin: 10px 0 20px 0; - padding: 8px 0 0 20px; -} - -.access-div>div:nth-child(2)>p { - color: #999999; -} - -.access-div>table { - width: 100%; - border: 0.5px solid gainsboro; -} - -.access-div>table>tr { - height: 40px; -} - -.access-div>table>tr>th { - color: #999999; - text-align: left; - font-weight: 400; - padding-left: 20px; -} - -.access-div>table>tr>td { - color: #333333; - text-align: left; - font-weight: 400; - padding-left: 20px; -} - -.note-div { - width: 550px; - height: 250px; - border: 0.5px solid gainsboro; - margin: 20px 0 20px 0; -} - -#note-input { - height: 40%; - width: 540px; - outline: none; - border: none; - margin: 20px 0 0 0; - padding: 0 0 0 10px; - color: transparent; -} - -.note-div>p { - height: 40%; - font-size: smaller; - padding: 0 0 0 10px; -} - -.prj-settings { - width: 100%; -} - -.prj-settings>div:nth-child(1) { - margin: 20px 0 0 0; - height: 95px; -} - -.prj-settings>div:nth-child(1)>h2 { - margin: 0 0 10px 0; - color: #333333; - font-size: 18px; -} - -.prj-settings>div:nth-child(1)>input { - width: 620px; - height: 40px; - border: 0.5px solid gainsboro; - outline: none; - padding-left: 20px; -} - -.prj-settings>div:nth-child(2) { - margin: 20px 0 0 0; - height: 95px; -} - -.prj-settings>div:nth-child(2)>h2 { - margin: 0 0 10px 0; - color: #333333; - font-size: 18px; -} - -.prj-settings>div:nth-child(2)>input { - width: 620px; - height: 40px; - border: 0.5px solid gainsboro; - outline: none; - padding-left: 20px; -} - -.prj-settings>div:nth-child(3) { - margin: 20px 0 0 0; - height: 150px; -} - -.prj-settings>div:nth-child(3)>h2 { - margin: 0 0 10px 0; - color: #333333; - font-size: 18px; -} - -.prj-settings>div:nth-child(3)>p { - color: #999999; - margin: 10px 0 20px 0; -} - -.prj-settings>div:nth-child(3)>select { - width: 300px; - height: 40px; - cursor: pointer; - outline: none; - border: 0.5px solid gainsboro; -} - -.prj-settings>div:nth-child(4) { - display: flex; - margin: 10px 0 10px 0; - height: 50px; - padding: 15px 0 0 15px; - background-color: #cdeefd; - gap: 20px; -} - -.prj-settings>div:nth-child(4)>div>button { - width: 70px; - height: 27px; - background-color: #03a9f4; - color: white; - border: none; - outline: none; - cursor: pointer; -} \ No newline at end of file diff --git a/manage/styles/tags.css b/manage/styles/tags.css deleted file mode 100644 index 08a63a1..0000000 --- a/manage/styles/tags.css +++ /dev/null @@ -1,204 +0,0 @@ -* { - margin: 0px; - padding: 0px; - box-sizing: border-box; - font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; -} - -.content { - width: 95%; - /* margin: auto; */ - padding: 20px 10px 0 20px; -} - -#content-tags { - width: 100%; -} - -#content-tags>h1 { - height: 40px; - font-size: 24px; - font-weight: 500; - color: #666666; -} - -.content-cotrols { - margin: 30px 0 30px 0; - width: 100%; - display: flex; - justify-content: space-between; -} - -#content-AAA { - width: 100px; - height: 40px; - outline: none; - border: 0.5px solid gainsboro; -} - -.content-cotrols>div:nth-child(1)>input { - width: 180px; - height: 40px; - padding-left: 10px; - color: #666666; - border: 0.5px solid gainsboro; - outline: none; -} - -.content-cotrols>div:nth-child(2)>input { - width: 200px; - height: 40px; - padding-left: 10px; - color: #666666; - border: 0.5px solid gainsboro; - outline: none; -} - -.content-cotrols>div:nth-child(2)>button { - width: 100px; - height: 40px; - background-color: #03a9f4; - color: #fff; - border: none; - outline: none; - cursor: pointer; -} - -#header-tag { - width: 100%; - height: 40px; - background-color: #e4eaee; - color: #999999; -} - -#header-tag>p { - padding: 10px 0 0 20px; -} - -.tag-d { - height: 60px; - width: 100%; - display: flex; - justify-content: space-between; - align-items: center; - border-bottom: 0.5px solid gainsboro; -} - -.tag-d>div>p { - color: #333333; - padding: 0 0 0 20px; -} - -.tag-d>div:nth-child(2)>button:nth-child(1) { - width: 20px; - border: none; - outline: none; - cursor: pointer; - background-color: transparent; - color: #03a9f4; - margin: 0 15px 0 0; -} - -.tag-d>div:nth-child(2)>button:nth-child(2) { - width: 20px; - border: none; - outline: none; - cursor: pointer; - background-color: transparent; - color: #03a9f4; - margin: 0 15px 0 0; -} - -.tag-d>div:nth-child(2)>button:nth-child(1):hover { - border: 0.5px solid gainsboro; -} - -.tag-d>div:nth-child(2)>button:nth-child(2):hover { - border: 0.5px solid gainsboro; -} - -/* modal styling starts here */ - -.modal { - display: none; - position: fixed; - z-index: 1; - padding-top: 300px; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: auto; - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.4); -} - -.modal-content { - background-color: #fefefe; - margin: auto; - padding: 10px; - border: 1px solid #888; - height: 220px; - width: 400px; -} - -.tag-1 { - width: 100%; - height: 50px; - border-bottom: 0.5px solid gainsboro; -} - -.tag-1>p { - width: 80px; - color: #666666; - font-weight: 500; - font-size: larger; - padding: 10px 0 0 10px; -} - -.modal-content>div:nth-child(2) { - width: 100%; - height: 60px; - display: flex; - justify-content: space-between; - align-items: center; - margin: 10px 0 20px 0; - border-bottom: 0.5px solid gainsboro; -} - -.modal-content>div:nth-child(2)>input { - border: 0.5px solid gainsboro; - width: 250px; - height: 40px; - outline: none; - padding: 0 0 0 10px; -} - -.modal-content>div:nth-child(3) { - display: flex; - justify-content: end; - gap: 25px; - margin: 10px 0 0 0; -} - -.modal-content>div:nth-child(3)>button:nth-child(1) { - width: 100px; - height: 40px; - color: #03a9f4; - background-color: transparent; - border: none; - outline: none; - cursor: pointer; -} - -.modal-content>div:nth-child(3)>button:nth-child(2) { - width: 100px; - height: 40px; - color: #ffffff; - background-color: #03a9f4; - border: none; - outline: none; - cursor: pointer; -} - -/* modal styling ends here */ \ No newline at end of file diff --git a/manage/tags.html b/manage/tags.html deleted file mode 100644 index 16715c3..0000000 --- a/manage/tags.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - Tags • Clockify - - - - - - - - - - -
- -
- -
-

Tags

-
-
-
- - -
-
- - -
-
-
-
-

Name

-
-
-
-
-
- - - - - - \ No newline at end of file diff --git a/features.html b/newf clockify/features.html similarity index 99% rename from features.html rename to newf clockify/features.html index 7cd70c3..2767668 100644 --- a/features.html +++ b/newf clockify/features.html @@ -138,6 +138,13 @@ width:40%; margin: auto; } + a{ + text-decoration: none; + color:#8394B7; + } + a:hover{ + color:#03A9F4; + } diff --git a/group name b/newf clockify/group name similarity index 100% rename from group name rename to newf clockify/group name diff --git a/index.html b/newf clockify/index.html similarity index 99% rename from index.html rename to newf clockify/index.html index a2942fb..fd6d102 100644 --- a/index.html +++ b/newf clockify/index.html @@ -266,7 +266,7 @@
Log In
- +
diff --git a/login.html b/newf clockify/login.html similarity index 96% rename from login.html rename to newf clockify/login.html index 955a46f..1b4eb2f 100644 --- a/login.html +++ b/newf clockify/login.html @@ -47,11 +47,12 @@ #avi_login{ - padding:20px; + padding:30px 40px; + border-radius: 10px; margin:auto; margin-bottom:100px; display: grid; - gap:10px; + gap:15px; width:300px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } @@ -117,6 +118,9 @@ #na{ color: #999999; } + input{ + padding-left: 10px; + } @@ -176,8 +180,10 @@

Visualize projects on a timeline and plan team's capacity (see who's busy an EmailAdd=document.getElementById('email').value; Pass=document.getElementById('pass').value; let flag = false; + signinArr.forEach(function (el) { if (EmailAdd == el.oEmail && Pass == el.oPassword) { + return (flag = true); } }); @@ -185,7 +191,7 @@

Visualize projects on a timeline and plan team's capacity (see who's busy an if (flag) { alert("You Are Successfully Logged In."); - localStorage.setItem("system","online"); + localStorage.setItem("system",EmailAdd); window.location.href = "index.html"; } else { alert("Wrong ID/Password"); diff --git a/signup.html b/newf clockify/signup.html similarity index 89% rename from signup.html rename to newf clockify/signup.html index 9d7d67d..4a32a28 100644 --- a/signup.html +++ b/newf clockify/signup.html @@ -44,11 +44,12 @@ #avi_login{ - padding:20px; + padding:30px 40px; + border-radius: 10px; margin:auto; margin-bottom:100px; display: grid; - gap:10px; + gap:15px; width:300px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } @@ -121,6 +122,10 @@ background-color: white; border: transparent; } + input{ + padding-left: 10px; + + } @@ -207,28 +212,4 @@

Sign up

} -/* - let submit = async () =>{ - - let email = document.getElementById("email").value; - let password = document.getElementById("pass").value; - let data = { - id:Date.now(), - username:email, - password:password, - status:false, - - }; - - let res = await fetch("https://nameless-earth-14050.herokuapp.com/api/signup",{ - method:"POST", - body:JSON.stringify(data), - headers:{ - "Content-Type": "application/json", - }, - }); - res = await res.json(); - window.location.href="login.html"; - -} */ \ No newline at end of file diff --git a/script/navbar.js b/script/navbar.js deleted file mode 100644 index d94ed7b..0000000 --- a/script/navbar.js +++ /dev/null @@ -1,128 +0,0 @@ -import {navegabar , SideBar , popupHtml} from "../component/navSide.js"; - -document.getElementById("navbar").innerHTML = navegabar(); -let sidebar = document.getElementById("sidebar"); -sidebar.innerHTML = SideBar(); -var menu = document.getElementById("menu-icon"); -menu.onclick = () => { - myFunction(); -} -function myFunction() { - let x = document.getElementsByClassName("hide-show"); - for (let i = 0; i < x.length; i++) { - - if (x[i].style.display === "none") { - x[i].style.display = "block"; - sidebar.style.width = "200px"; - - } - else { - x[i].style.display = "none"; - sidebar.style.width = "50px"; - - } - } -} -window.onload = myFunction(); -const one = document.querySelector("#one"); - -one.addEventListener("click", () => { - let show = document.getElementById("show"); - const hide = document.querySelector("#more") - hide.classList.toggle("hide1"); - // console.log(show.innerText); - if (show.innerText == "Show More") { - show.innerText = "Show Less" - one.classList.toggle("rotate"); - - } - else { - show.innerText = "Show More"; - one.classList.toggle("rotate"); - } - -}) - - - - -const manoj = document.getElementById("user-name"); -const drop = document.querySelector(".dropdown"); -manoj.addEventListener("click", () => { - if (drop.style.display === "none") { - drop.style.display = "block"; - } - else { - drop.style.display = "none"; - } -}) -const ques = document.getElementById("question"); -const drop2 = document.querySelector(".dropdown2"); -ques.addEventListener("click", () => { - if (drop2.style.display === "none") { - drop2.style.display = "block"; - } - else { - drop2.style.display = "none"; - } -}) -const noti = document.getElementById("notification"); -const drop3 = document.querySelector(".dropdown3"); -noti.addEventListener("click", () => { - if (drop3.style.display === "none") { - drop3.style.display = "block"; - } - else { - drop3.style.display = "none"; - } -}) -const user = document.getElementById("name-short"); -const drop4 = document.querySelector(".dropdown4"); -user.addEventListener("click", () => { - if (drop4.style.display === "none") { - drop4.style.display = "block"; - } - else { - drop4.style.display = "none"; - } -}) - -const check = document.getElementById("check"); -check.addEventListener("change", () => { - document.body.classList.toggle("darkTheme"); - -}) - - -// ---------------client render------------> - - - - -let clt = document.getElementById("clt"); -clt.addEventListener("click", () => { - - - let cont = document.getElementById("container"); - let clientArr = JSON.parse(localStorage.getItem("client")) || []; - - let add = document.getElementById("add"); - // console.log(add); - add.addEventListener("click", () => { - let clientArr = JSON.parse(localStorage.getItem("client")) || []; - let value = document.getElementById("add-client").value; - - clientArr.unshift(value); - localStorage.setItem("client", JSON.stringify(clientArr)); - - document.getElementById("add-client").value=""; - }) - -}) - -let xmark= document.querySelector(".fa-xmark"); -// console.log(xmark); - - -//Show The log In Value // - diff --git a/style/navbar.css b/style/navbar.css deleted file mode 100644 index b5a0aca..0000000 --- a/style/navbar.css +++ /dev/null @@ -1,329 +0,0 @@ -:root { - --primary: white; - --secondary: #f2f6f8; -} - -.darkTheme { - --primary: black; - --secondary: black; -} - - -body{ - margin: 0; - padding: 0; - box-sizing: border-box; - background-color: #f2f6f8; - font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #333; - text-align: left; -} - -#navbar { - display: flex; - height: 60px; - border-bottom: 1px solid#C6D2D8; - justify-content: space-between; - padding: 0 13px; - border-left: 4px solid #58c6f8; - background-color: var(--primary); - position: sticky; - top: 0; - align-items: center; - background-color: white; -} - -#logo-div { - display: flex; - gap: 15px; - justify-content: center; - align-items: center; - -} - -#info { - display: flex; - justify-content: center; - align-items: center; - gap: 20px; -} - -#logo { - margin-top: 10px; -} - -#logo > img { - width: 100px; - height: 35; -} - -.fa-bars { - font-size: 33px; - color: gray; -} - -.vertical_dotted_line { - border-right: 1px dotted #C6D2D8; - height: 30px; -} - -#upgrade { - margin-left: 1.4286rem; - padding: 0.25rem 0.5rem; - font-size: .8571rem; - line-height: 1.4; - border-radius: 2px; - color: white; - font-weight: 400; - text-align: center; - border: 1px solid #03a9f4; -} -a{ - color: #03a9f4; - cursor: pointer; - text-decoration: none; - background-color: transparent; -} -#upgrade:hover{ - background-color: #03a9f4; -} -#upgrade>a:hover{ - color: white; -} -#name-short { - border-radius: 50%; - background-color: #ffc107; - padding: 10px; - color: white; -} - -#sidebar { - display: flex; -flex-direction: column; - border: 1px solid#C6D2D8; - border-bottom: none; - border-top: none; - width: 10%; - - border-left: 4px solid #58c6f8; - border-right: 1px solid #C6D2D8; - - background-color: var(--primary); - transition: width 0.3s linear; -} - -.one-div-flex { - display: flex; - gap: 15px; - font-size: 16px; - cursor: pointer; - padding: 10px; -} - -#info > div { - cursor: pointer; -} - -.one-div-flex:hover { - background-color: #bfd4dd; - transition: backgrouond-color 0.5s linear; -} - -.one-div-flex:hover > div > .fa-grip-vertical { - color: #3c3837; -} - - - -.fa-grip-vertical { - color: #b1adac; - /* font-size: x-small; */ -} - -.hide { - display: none; -} - -.hide-show:hover + .hide { - display: block; -} - -#box { - display: flex; -} - -#main-content { - width: 98%; - height: 100vh; - background-color: var(--secondary); - padding-left: 20px; -} - -.hide1 { - visibility: hidden; -} - -.rotate .fa-angle-down { - transform: rotate(180deg); -} - - -.dropdown { - display: none; - position: absolute; - top: 32px; - right: 320px; - left: auto; - z-index: 1000; - width: 300px; - box-shadow: 0 5px 10px white; - text-align: left; - background-color: white; -} - -#flex1 { - display: flex; - justify-content: space-between; - padding: 8px; -} - -.dropdown2 { - display: none; - position: absolute; - top: 32px; - right: 100px; - left: auto; - z-index: 10001; - width: 150px; - text-align: left; - margin-top: 10px; - background-color: white; - box-shadow: 0 5px 10px white; -} - -.dropdown3 { - display: none; - position: absolute; - top: 32px; - right: 100px; - left: auto; - z-index: 10002; - text-align: left; - margin-top: 10px; - background-color: white; - box-shadow: 0 5px 10px white; - width: 400px; - padding: 10px; -} - -.dropdown3 > div:last-child { - margin-top: 20px; -} - -.dropdown4 { - display: none; - position: absolute; - top: 32px; - right: 30px; - left: auto; - z-index: 10002; - text-align: left; - margin-top: 10px; - background-color: var(--primary); - box-shadow: 0 5px 10px white; - width: 250px; - padding: 10px; -} - -#chat { - display: flex; - justify-content: space-between; -} - -#dark { - display: flex; - justify-content: space-between; - align-items: center; -} - -/* The switch - the box around the slider */ -.switch { - position: relative; - display: inline-block; - width: 60px; - height: 34px; -} - -/* Hide default HTML checkbox */ -.switch input { - opacity: 0; - width: 0; - height: 0; -} - -/* The slider */ -.slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - -webkit-transition: 0.4s; - transition: 0.4s; -} - -.slider:before { - position: absolute; - content: ""; - height: 26px; - width: 26px; - left: 4px; - bottom: 4px; - background-color: white; - -webkit-transition: 0.4s; - transition: 0.4s; -} - -input:checked + .slider { - background-color: #2196f3; -} - -input:focus + .slider { - box-shadow: 0 0 1px #2196f3; -} - -input:checked + .slider:before { - -webkit-transform: translateX(26px); - -ms-transform: translateX(26px); - transform: translateX(26px); -} - -/* Rounded sliders */ -.slider.round { - border-radius: 34px; -} - -.slider.round:before { - border-radius: 50%; -} -#user-name{ - margin-bottom: 10px; -} - -.hide-show{ - font-size: small; - text-transform: uppercase; - color: #000000e6; - cursor: pointer; - text-align: -webkit-match-parent; - margin-top: 3px; - white-space: pre; -} -.gray { - color: #c5c5c5; -} diff --git a/style/popup.css b/style/popup.css deleted file mode 100644 index 77487e7..0000000 --- a/style/popup.css +++ /dev/null @@ -1,50 +0,0 @@ - -textarea{ - width:500px; - height:100px; - padding:2px 5px; - font-size: 20px; - border-radius: 2px; -} -#input1{ - width:500px; - height:45px; - padding:2px 5px; - font-size: 20px; - border-radius: 2px; -} -#cen>p{ - font-size: 20px; - margin:20px 0px; -} -.container{ - visibility: hidden; - width:40%; - /* height:900px; */ - position: absolute; - top:50%; - left:50%; - transform: translate(-50%,-50%); - /* background-color: rgb(253, 248, 248); */ - border:1px solid gray; - box-shadow: 4px 4px 10px 0.3; - padding:20px 0px; - border-radius:3px - -} -#cen{ - width:85%; - margin:auto; -} - -#head{ - width:85%; - display:flex; - justify-content: space-between; - /* border:1px solid red; */ - margin:auto; - margin-bottom:30px; -} -i{ - font-size: 30px; -} \ No newline at end of file