diff --git a/Responsive Dashboard Table/index.html b/Responsive Dashboard Table/index.html new file mode 100644 index 00000000..4a5b3d9f --- /dev/null +++ b/Responsive Dashboard Table/index.html @@ -0,0 +1,156 @@ + + + + + + + + CRM + + + + + + + +
+
+
+
+ +
+ +
+
+ + +

+ ALL TICKETS +

+
+ Enable search bar here +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
List of users
S.No.Customer NameDate CreatedPriorityCategorySub-CategoryModel No.Serial No.SummaryAMCStatusFault Found CodeResolution CodeResolution RemarksOnline resolvableTicket IDUpdate
1MarkOtto@mdoMarkOtto@mdoMarkOtto@mdoMarkOtto@mdoMarkOtto@mdo@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/Responsive Dashboard Table/script.js b/Responsive Dashboard Table/script.js new file mode 100644 index 00000000..9069f526 --- /dev/null +++ b/Responsive Dashboard Table/script.js @@ -0,0 +1,7 @@ + + +const menubtn = document.getElementById("aps_nav_menubtn"); +const sidebar = document.getElementById("aps_sidebar"); +menubtn.addEventListener("click",()=>{ + sidebar.classList.toggle("active"); +}) \ No newline at end of file diff --git a/Responsive Dashboard Table/script2.js b/Responsive Dashboard Table/script2.js new file mode 100644 index 00000000..29dde171 --- /dev/null +++ b/Responsive Dashboard Table/script2.js @@ -0,0 +1,3 @@ +$(document).ready(function () { + $('#example').DataTable(); +}); \ No newline at end of file diff --git a/Responsive Dashboard Table/style.css b/Responsive Dashboard Table/style.css new file mode 100644 index 00000000..343e8266 --- /dev/null +++ b/Responsive Dashboard Table/style.css @@ -0,0 +1,66 @@ +#aps_navbar { + background: #1e354e; + color: #f5f5f5; + } + #aps_navbar a { + color: #f5f5f5 !important; + } + #aps_navbar #title_bar_wrapper button { + background: transparent; + border: transparent; + outline: none; + color: #f5f5f5; + font-size: 1.4rem; + } + + #aps_content_wrapper { + height: 92vh; + overflow: hidden; + position: relative; + align-items: stretch; + } + #aps_content_wrapper #aps_sidebar { + background: #1e354e; + color: #f5f5f5; + min-height: 92vh; + position: relative; + transition-duration: 300ms; + transition-property: width; + border-top: 2px solid #f5f5f5; + } + #aps_content_wrapper #aps_sidebar a { + color: #f5f5f5; + } + #aps_content_wrapper #aps_sidebar #aps_sidebar_items .nav-link { + padding-top: 20px; + border-bottom: 2px solid #f5f5f5; + transition-duration: 50ms; + } + #aps_content_wrapper #aps_sidebar #aps_sidebar_items .nav-link:hover { + background: #f5f5f5; + cursor: pointer; + color: #1e354e; + } + #aps_content_wrapper #aps_sidebar.active { + width: 0px; + margin: 0px; + padding: 0px; + opacity: 0; + } + #aps_content_wrapper #aps_main { + height: 92vh; + overflow-y: scroll; + } + #aps_content_wrapper ::-webkit-scrollbar { + width: 10px; + } + #aps_content_wrapper ::-webkit-scrollbar-thumb { + background: #1e354e; + } + #aps_content_wrapper ::-webkit-scrollbar-thumb:hover { + background: #1e354e; + cursor: pointer; + } + #aps_content_wrapper ::-webkit-scrollbar-track { + background: none; + }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/Responsive Dashboard Table/style.css.map b/Responsive Dashboard Table/style.css.map new file mode 100644 index 00000000..57f1882b --- /dev/null +++ b/Responsive Dashboard Table/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAIA;EACI,mBALU;EAMV,cALY;ACEhB;ADKI;EACI,yBAAA;ACHR;ADOQ;EACI,uBAAA;EACA,mBAAA;EACA,aAAA;EACA,cAhBI;EAiBJ,iBAAA;ACLZ;;ADUA;EACI,YAtBa;EAuBb,gBAAA;EACA,kBAAA;EACA,oBAAA;ACPJ;ADQI;EACI,mBA7BM;EA8BN,cA7BQ;EA8BR,gBA7BS;EA8BT,kBAAA;EAIA,0BAAA;EACA,0BAAA;EACA,6BAAA;ACTR;ADIQ;EACI,cAjCI;AC+BhB;ADOQ;EACI,iBAAA;EACA,gCAAA;EACA,yBAAA;ACLZ;ADMY;EACI,mBA3CA;EA4CA,eAAA;EACA,cA9CF;AC0Cd;ADQI;EACI,UAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;ACNR;ADQI;EACI,YAvDS;EAwDT,kBAAA;ACNR;ADQI;EACI,WAAA;ACNR;ADQI;EACI,mBAhEM;AC0Dd;ADQI;EACI,mBAnEM;EAoEN,eAAA;ACNR;ADQI;EACI,gBAAA;ACNR","file":"style.css"} \ No newline at end of file diff --git a/Responsive Dashboard Table/style.scss b/Responsive Dashboard Table/style.scss new file mode 100644 index 00000000..b8b1b5b4 --- /dev/null +++ b/Responsive Dashboard Table/style.scss @@ -0,0 +1,74 @@ +$primary-col: #1e354e; +$secondary-col: #f5f5f5; +$sidebar-height: 92vh; + +#aps_navbar { + background: $primary-col; + color: $secondary-col; + + a { + color: $secondary-col !important; + } + + #title_bar_wrapper { + button { + background: transparent; + border: transparent; + outline: none; + color: $secondary-col; + font-size: 1.4rem; + } + } +} + +#aps_content_wrapper{ + height:$sidebar-height; + overflow: hidden; + position: relative; + align-items: stretch; + #aps_sidebar{ + background: $primary-col; + color: $secondary-col; + min-height:$sidebar-height; + position: relative; + a{ + color:$secondary-col; + } + transition-duration: 300ms; + transition-property: width; + border-top: 2px solid $secondary-col; + #aps_sidebar_items .nav-link{ + padding-top: 20px; + border-bottom: 2px solid #f5f5f5; + transition-duration: 50ms; + &:hover{ + background: $secondary-col; + cursor: pointer; + color:$primary-col; + } + } + } + #aps_sidebar.active{ + width: 0px; + margin: 0px; + padding: 0px; + opacity:0; + } + #aps_main{ + height: $sidebar-height; + overflow-y:scroll; + } + ::-webkit-scrollbar { + width: 10px; + } + ::-webkit-scrollbar-thumb { + background: $primary-col; + } + ::-webkit-scrollbar-thumb:hover { + background: $primary-col; + cursor: pointer; + } + ::-webkit-scrollbar-track { + background: none; + } +} \ No newline at end of file