@cocreate/organizations
Version:
A simple organizations component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.
118 lines (112 loc) • 4.66 kB
HTML
<html lang="en">
<head>
<title>Industry Form | CoCreateJS</title>
<!-- CoCreate Favicon -->
<link
rel="icon"
type="image/png"
sizes="32x32"
href="../assets/favicon.ico" />
<link rel="manifest" href="/manifest.webmanifest" />
</head>
<body>
<div id="modal-viewport" hidden></div>
<div
class="nav display:flex align-items:center background:whitesmoke"
content_id="content"
scroll="sticky-nav, hide-nav"
scroll-up="5"
scroll-down="5">
<ul
class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items:center list-style-type:none width:100% height:50px">
<li class="margin-right:15px">
<a actions="closeModal"
><i class="height:18px" src="/assets/svg/times.svg"></i
></a>
</li>
<li class="margin-right:15px">
<a actions="minMaxModal">
<i
toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
toggle-attribute="src"
class="height:18px"
src="/assets/svg/window-maximize.svg"></i>
</a>
</li>
<li class="margin-right:15px">
<a actions="parkModal"
><i
class="height:18px"
src="/assets/svg/window-minimize.svg"></i
></a>
</li>
<li class="margin-right:15px">
<a fullscreen>
<i class="height:18px" src="/assets/svg/expand.svg"></i>
<i
class="height:18px"
src="/assets/svg/compress.svg"></i>
</a>
</li>
<li class="margin-right:15px">
<a
actions="state, openModal"
modal-src="render.html"
state-array="modules"
state-object=""
state_to="builder"
modal-width="100%"
state_id="render">
<i
class="height:18px"
src="/assets/svg/palette.svg"></i>
<div
state-array="modules"
state-object=""
state_to="render"
class="sessionBuilderUI_Id"></div>
</a>
</li>
<li class="margin-right:15px">
<a
<a
actions="deleteDocument, closeModal"
array="modules"
object=""
state_id="form-fields"
class="btn-modal-close">
<i
class="height:18px"
src="/assets/svg/trash-alt.svg"></i>
</a>
</li>
</ul>
</div>
<div content_id="content">
<form array="industries" class="padding:15px" realtime="false">
<h3>Indusrty Creator</h3>
<input
object=""
state_id="form-fields"
key="name"
placeholder="Industry Name"
class="floating-label" />
<textarea
object=""
state_id="form-fields"
key="description"
placeholder="Description"
class="floating-label"></textarea>
<button
actions="createIndustry"
class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue grow-hover round">
Create Industry
<i src="/assets/svg/save.svg"></i>
</button>
</form>
</div>
<!-- CoCreate JS CDN -->
<script src="https://cdn.cocreate.app/organizations/latest/CoCreate-organizations.min.js"></script>
</body>
</html>