Skip to content

Commit

Permalink
fix: update superadmin ui
Browse files Browse the repository at this point in the history
  • Loading branch information
@frankpagan
frankpagan committed Oct 19, 2023
1 parent 62cd2e5 commit 4d3fe8e
Show file tree
Hide file tree
Showing 2 changed files with 180 additions and 92 deletions.
136 changes: 136 additions & 0 deletions superadmin/admin.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CareerCall | CareerCalling | professionalCalling</title>

<link
rel="stylesheet"
type="text/css"
href="https://cdn.cocreate.app/latest/CoCreate.min.css" />

<link rel="stylesheet" href="./index.css" type="text/css" parse />
<link rel="manifest" href="/manifest.webmanifest" />
</head>
<style>
.main-view {
display: flex;
flex-wrap: wrap;
gap: 10px;
width: 100%;
max-width: 600px;
overflow: auto;
}
.input-300 {
width: 292px;
}
.input-600 {
width: 100%;
max-width: 600px;
}
@media (max-width: 628px) {
.input-300 {
width: 100%;
}
}
.selected {
background-color: gainsboro;
}
</style>
<body>
<a href="./signin.html" session="false" hidden></a>

<nav>
<!-- Icon Logo -->
<a href="./" class="">
<span class="logo-name"
>Career<span class="logo-name-colored">Calling</span></span
>
</a>
</nav>

<!-- Menu Icon -->
<a
style="position: fixed; left: 15px; top: 25px; z-index: 11"
actions=""
class="menu_icon"
click="active"
toggle-parent
toggle-attribute="sidenav"
toggle-value="open, close">
<span></span>
<span></span>
<span></span>
</a>

<sidenav>
<ul>
<li class="">
<a
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./interviews/datatable.html"
pass-overwrite
class="display:flex align-items:center">
<span
class="display:flex justify-content:center min-width:50px">
<i
class="display:flex height:16px fill:#505050"
src="./assets/svg/users.svg"></i>
</span>
<span>Interviews</span>
</a>
<div class="float:right width:50px text-align:center">
<a
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./interviews/form.html"
pass-overwrite
class="display:flex justify-content:center align-items:center height:40px">
<i
class="display:flex height:18px fill:#505050"
src="./assets/svg/plus.svg"></i>
</a>
</div>
</li>
<li class="">
<a
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./interview-forms/datatable.html"
pass-overwrite
class="display:flex align-items:center">
<span
class="display:flex justify-content:center min-width:50px">
<i
class="display:flex height:16px fill:#505050"
src="./assets/svg/list.svg"></i>
</span>
<span>Interview Forms</span>
</a>

<div class="float:right width:50px text-align:center">
<a
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./interview-forms/form.html"
pass-overwrite
class="display:flex justify-content:center align-items:center height:40px">
<i
class="display:flex height:18px fill:#505050"
src="./assets/svg/plus.svg"></i>
</a>
</div>
</li>
</ul>
</sidenav>

<main pass_id="main" src="./interviews/datatable.html"></main>

<!-- <script src="https://CoCreate.app/dist/CoCreate.min.js"></script> -->
<script src="http://CoCreate.app/dist/CoCreate.js"></script>

<!-- <script src="/CoCreateJS/dist/CoCreate.min.js"></script> -->
</body>
</html>
136 changes: 44 additions & 92 deletions superadmin/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -137,54 +137,6 @@
resize-selector="[content_id='content']"
resize-property="margin-left"
resize-value="width">
<!-- Select to change organizations -->
<cocreate-select
class="org-changer remove-none border:none padding:0"
key="current_org"
array="users"
object="{{userId}}">
<input placeholder="Search" filter-search filter-next />
<cc-options
class="options overflow:auto"
array="users"
key="connected_orgs"
filter-key="_id"
filter-value="{{userId}}"
filter-operator="$eq"
render-selector="[template]">
<cc-option
class="display:flex height:50px margin:0!important padding:4px_12px!important"
template
value="{{connected_orgs}}">
<span class="logo-icon"
><img
array="organizations"
object="{{connected_orgs}}"
key="logo"
src="./assets/icon.png"
height="40px"
alt="..."
class="margin-top:3px"
/></span>
<span
array="organizations"
object="{{connected_orgs}}"
key="name"
class="margin-left:12px font-size:1.5em"></span>
</cc-option>
<div class="line-height:40px height:40px overflow:hidden">
<a href="./organizations/creator.html">
<span class="padding:13px"
><i
class="height:16px fill:#505050"
src="./assets/svg/plus.svg"></i
></span>
<span>New Orginaztion</span>
</a>
</div>
</cc-options>
</cocreate-select>

<!-- Search -->
<form class="padding:5px">
<floating-label>
Expand Down Expand Up @@ -216,10 +168,10 @@
<li
class="line-height:40px min-height:40px height:40px overflow:hidden white-space:nowrap background:dodgerblue:hover">
<a
actions="pass, openModal"
modal-src="./organizations/form.html"
modal-width="375px"
modal-color="green"
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./organizations/form.html"
pass-overwrite
class="display:flex align-items:center">
<span
class="display:flex justify-content:center min-width:50px">
Expand All @@ -234,10 +186,10 @@
<li
class="line-height:40px min-height:40px height:40px overflow:hidden white-space:nowrap background:dodgerblue:hover">
<a
actions="pass, openModal"
modal-src="./users/datatable.html"
modal-width="640px"
modal-color="green"
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./users/datatable.html"
pass-overwrite
class="display:flex align-items:center">
<span
class="display:flex justify-content:center min-width:50px">
Expand All @@ -250,10 +202,10 @@
</a>
<div class="float:right width:50px text-align:center">
<a
actions="pass, openModal"
modal-src="./users/form.html"
modal-width="375px"
modal-color="red">
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./users/form.html"
pass-overwrite>
<i
class="height:16px fill:#505050"
src="./assets/svg/plus.svg"></i>
Expand All @@ -264,10 +216,10 @@
<li
class="line-height:40px min-height:40px height:40px overflow:hidden white-space:nowrap background:dodgerblue:hover">
<a
actions="pass, openModal"
modal-src="./keys/datatable.html"
modal-width="100%"
modal-color="green"
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./keys/datatable.html"
pass-overwrite
class="display:flex align-items:center">
<span
class="display:flex justify-content:center min-width:50px">
Expand All @@ -280,10 +232,10 @@
</a>
<div class="float:right width:50px text-align:center">
<a
actions="pass, openModal"
modal-src="./keys/form.html"
modal-width="375px"
modal-color="red">
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./keys/form.html"
pass-overwrite>
<i
class="height:16px fill:#505050"
src="./assets/svg/plus.svg"></i>
Expand All @@ -294,10 +246,10 @@
<li
class="line-height:40px min-height:40px height:40px overflow:hidden white-space:nowrap background:dodgerblue:hover">
<a
actions="pass, openModal"
modal-src="./database/index.html"
modal-width="100%"
modal-color="green"
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./database/index.html"
pass-overwrite
class="display:flex align-items:center">
<span
class="display:flex justify-content:center min-width:50px">
Expand All @@ -310,10 +262,10 @@
</a>
<div class="float:right width:50px text-align:center">
<a
actions="pass, openModal"
modal-src="./database/form.html"
modal-width="375px"
modal-color="red">
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./database/form.html"
pass-overwrite>
<i
class="height:16px fill:#505050"
src="./assets/svg/plus.svg"></i>
Expand All @@ -324,10 +276,10 @@
<li
class="line-height:40px min-height:40px height:40px overflow:hidden white-space:nowrap background:dodgerblue:hover">
<a
actions="pass, openModal"
modal-src="./files/datatable.html"
modal-width="100%"
modal-color="green"
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./files/datatable.html"
pass-overwrite
class="display:flex align-items:center">
<span
class="display:flex justify-content:center min-width:50px">
Expand All @@ -340,10 +292,10 @@
</a>
<div class="float:right width:50px text-align:center">
<a
actions="pass, openModal"
modal-src="./files/form.html"
modal-width="375px"
modal-color="red">
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./files/form.html"
pass-overwrite>
<i
class="height:16px fill:#505050"
src="./assets/svg/plus.svg"></i>
Expand All @@ -354,10 +306,10 @@
<li
class="line-height:40px min-height:40px height:40px overflow:hidden white-space:nowrap background:dodgerblue:hover margin-bottom:10px">
<a
actions="pass, openModal"
modal-src="./websites/list.html"
modal-width="640px"
modal-color="green"
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./websites/datatable.html"
pass-overwrite
class="display:flex align-items:center">
<span
class="display:flex justify-content:center min-width:50px">
Expand All @@ -370,10 +322,10 @@
</a>
<div class="float:right width:50px text-align:center">
<a
actions="pass, openModal"
modal-src="./websites/form.html"
modal-width="375px"
modal-color="red">
actions="pass, action(document; .menu_icon)"
pass_to="main"
pass-src="./users/datatable.html"
pass-overwrite>
<i
class="height:16px fill:#505050"
src="./assets/svg/plus.svg"></i>
Expand Down

0 comments on commit 4d3fe8e

Please sign in to comment.