Major revisions

- Rename the template so we can publish it to npm
- Add new page for fixed layout
- Change html template code structure

README.md

@@ -1,4 +1,22 @@
-# Cl<ins>one</ins>
+# G<ins>admin</ins>
 Free Bootstrap 4 Gentelella inspired admin template
 
-![Preview 1](https://github.com/christianesperar/clone/blob/master/preview.jpg)
+![Preview 1](https://github.com/christianesperar/gadmin/blob/master/preview.jpg)
+
+
+## Installation
+
+**npm**
+
+```
+npm install gadmin --save
+```
+
+**yarn**
+
+```
+yarn add gadmin --save
+```
+
+## Contribution
+There is a lot of room for improvement, help us ship more useful functionalities!

cypress/integration/header.spec.js

@@ -4,26 +4,26 @@ describe('Header', () => {
   });
 
   it('should toggle messages on mail icon click', () => {
-    cy.get('.c-header__nav-link:eq(1)')
+    cy.get('.g-header__nav-link:eq(1)')
       .click()
-      .get('.c-notification:contains(Show older messages)')
+      .get('.g-notification:contains(Show older messages)')
       .should('be.visible');
 
-    cy.get('.c-header__nav-link:eq(1)')
+    cy.get('.g-header__nav-link:eq(1)')
       .click()
-      .get('.c-notification:contains(Show older messages)')
+      .get('.g-notification:contains(Show older messages)')
       .should('not.be.visible');
   });
 
   it('should toggle options on arrow icon click', () => {
-    cy.get('.c-header__nav-link:eq(2)')
+    cy.get('.g-header__nav-link:eq(2)')
       .click()
-      .get('.c-notification:contains(Logout)')
+      .get('.g-notification:contains(Logout)')
       .should('be.visible');
 
-    cy.get('.c-header__nav-link:eq(2)')
+    cy.get('.g-header__nav-link:eq(2)')
       .click()
-      .get('.c-notification:contains(Logout)')
+      .get('.g-notification:contains(Logout)')
       .should('not.be.visible');
   });
 });

cypress/integration/sidebar.spec.js

@@ -4,20 +4,20 @@ describe('Sidebar', () => {
   });
 
   it('should have active state', () => {
-    cy.get('.c-sidebar__menu-item:contains(Dashboard)')
-      .should('have.class', 'c-sidebar__menu-item--selected');
+    cy.get('.g-sidebar__menu-item:contains(Dashboard)')
+      .should('have.class', 'g-sidebar__menu-item--selected');
   });
 
   it('should be collapsible', () => {
-    cy.get('.c-header__sidebar-toggle').click();
+    cy.get('.g-header__sidebar-toggle').click();
 
-    cy.get('.c-sidebar')
-      .should('have.class', 'c-sidebar--collapse');
+    cy.get('.g-sidebar')
+      .should('have.class', 'g-sidebar--collapse');
 
-    cy.get('.c-header__sidebar-toggle').click();
+    cy.get('.g-header__sidebar-toggle').click();
 
-    cy.get('.c-sidebar')
-      .should('not.have.class', 'c-sidebar--collapse');
+    cy.get('.g-sidebar')
+      .should('not.have.class', 'g-sidebar--collapse');
   });
 });
 
@@ -27,27 +27,27 @@ describe('Sidebar Expand', () => {
   });
 
   it('menu item should be active on click', () => {
-    cy.get('.c-sidebar__menu-item:contains(Multilevel Menu)')
+    cy.get('.g-sidebar__menu-item:contains(Multilevel Menu)')
       .click()
-      .should('have.class', 'c-sidebar__menu-item--active')
-      .get('.c-sidebar__menu-item:contains(Level One):eq(2)')
+      .should('have.class', 'g-sidebar__menu-item--active')
+      .get('.g-sidebar__menu-item:contains(Level One):eq(2)')
       .click()
-      .should('have.class', 'c-sidebar__menu-item--active');
+      .should('have.class', 'g-sidebar__menu-item--active');
   });
 
   it('menu item should show on click', () => {
-    cy.get('.c-sidebar__menu-item:contains(Multilevel Menu)')
+    cy.get('.g-sidebar__menu-item:contains(Multilevel Menu)')
       .click()
-      .get('.c-sidebar__menu-item:contains(Level One)')
+      .get('.g-sidebar__menu-item:contains(Level One)')
       .should('be.visible')
-      .get('.c-sidebar__menu-item:contains(Level One):eq(2)')
+      .get('.g-sidebar__menu-item:contains(Level One):eq(2)')
       .click()
-      .get('.c-sidebar__menu-item:contains(Level Two)')
+      .get('.g-sidebar__menu-item:contains(Level Two)')
       .should('be.visible');
   });
 
   it('should have sidebar footer', () => {
-    cy.get('.c-sidebar__footer')
+    cy.get('.g-sidebar__footer')
       .should('be.visible');
   });
 });
@@ -56,41 +56,41 @@ describe('Sidebar Collapse', () => {
   beforeEach(() => {
     cy.visit('http://127.0.0.1:8080/index.html');
 
-    cy.get('.c-header__sidebar-toggle').click();
+    cy.get('.g-header__sidebar-toggle').click();
   });
 
   it('menu item should be active on hover', () => {
-    cy.get('.c-sidebar__menu-item:contains(Multilevel Menu)')
+    cy.get('.g-sidebar__menu-item:contains(Multilevel Menu)')
       .trigger('mouseover')
-      .should('have.class', 'c-sidebar__menu-item--active')
-      .should('have.class', 'c-sidebar__menu-item--toggle');
+      .should('have.class', 'g-sidebar__menu-item--active')
+      .should('have.class', 'g-sidebar__menu-item--toggle');
   });
 
   it('menu item should be active on click', () => {
-    cy.get('.c-sidebar__menu-item:contains(Multilevel Menu)')
+    cy.get('.g-sidebar__menu-item:contains(Multilevel Menu)')
       .click()
-      .should('have.class', 'c-sidebar__menu-item--active')
-      .should('have.class', 'c-sidebar__menu-item--toggle');
+      .should('have.class', 'g-sidebar__menu-item--active')
+      .should('have.class', 'g-sidebar__menu-item--toggle');
   });
 
   it('menu item should show on hover', () => {
-    cy.get('.c-sidebar__menu-item:contains(Multilevel Menu)')
+    cy.get('.g-sidebar__menu-item:contains(Multilevel Menu)')
       .trigger('mouseover');
 
-    cy.get('.c-sidebar__menu-description:contains(Multilevel Menu)')
+    cy.get('.g-sidebar__menu-description:contains(Multilevel Menu)')
       .should('be.visible');
   });
 
   it('menu item should show on click', () => {
-    cy.get('.c-sidebar__menu-item:contains(Multilevel Menu)')
+    cy.get('.g-sidebar__menu-item:contains(Multilevel Menu)')
       .click();
 
-    cy.get('.c-sidebar__menu-description:contains(Multilevel Menu)')
+    cy.get('.g-sidebar__menu-description:contains(Multilevel Menu)')
       .should('be.visible');
   });
 
   it('should not have sidebar footer', () => {
-    cy.get('.c-sidebar__footer')
+    cy.get('.g-sidebar__footer')
       .should('not.be.visible');
   });
 });