RuhNetConsulting
/
Adminator-admin-dashboard
mirror of https://github.com/puikinsh/Adminator-admin-dashboard
1
0
Fork 0
Code Issues 0 Projects 0 Releases 16 Wiki Activity
Browse Source

Got sidebar and header working.

pull/167/head
Sean Zicari 6 years ago
parent
963e09333c
commit
b8bdb93029
7 changed files with 35 additions and 120 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +5
    -103
      src/assets/scripts/elm/Components/Header.elm
  2. +12
    -9
      src/assets/scripts/elm/Components/Sidebar.elm
  3. +3
    -3
      src/assets/scripts/elm/Main.elm
  4. +10
    -0
      src/assets/scripts/elm/index.js
  5. +1
    -1
      src/assets/scripts/index.js
  6. +2
    -2
      src/assets/scripts/search/index.js
  7. +2
    -2
      src/assets/scripts/sidebar/index.js

+ 5
- 103
src/assets/scripts/elm/Components/Header.elm View File

@ -1,4 +1,4 @@
module Components.Header exposing (view)
port module Components.Header exposing (view, initHeader)
import Html import Html
exposing exposing
@ -41,7 +41,7 @@ view user =
] ]
] ]
, li [ class "search-box" ] , li [ class "search-box" ]
[ a [ class "search-toggle no-pdd-right", href "javascript:void(0);" ]
[ a [ class "search-toggle no-pdd-right", href "" ]
[ i [ class "search-icon ti-search pdd-right-10" ] [ i [ class "search-icon ti-search pdd-right-10" ]
[] []
, i [ class "search-icon-close ti-close pdd-right-10" ] , i [ class "search-icon-close ti-close pdd-right-10" ]
@ -152,107 +152,6 @@ view user =
] ]
] ]
] ]
, li [ class "notifications dropdown" ]
[ span [ class "counter bgc-blue" ]
[ text "3" ]
, a [ href "", class "dropdown-toggle no-after", attribute "data-toggle" "dropdown" ]
[ i [ class "ti-email" ]
[]
]
, ul [ class "dropdown-menu" ]
[ li [ class "pX-20 pY-15 bdB" ]
[ i [ class "ti-email pR-10" ]
[]
, span [ class "fsz-sm fw-600 c-grey-900" ]
[ text "Emails" ]
]
, li []
[ ul [ class "ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm" ]
[ li []
[ a [ href "", class "peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100" ]
[ div [ class "peer mR-15" ]
[ img [ class "w-3r bdrs-50p", src "https://randomuser.me/api/portraits/men/1.jpg", alt "" ]
[]
]
, div [ class "peer peer-greed" ]
[ div []
[ div [ class "peers jc-sb fxw-nw mB-5" ]
[ div [ class "peer" ]
[ p [ class "fw-500 mB-0" ]
[ text "John Doe" ]
]
, div [ class "peer" ]
[ small [ class "fsz-xs" ]
[ text "5 mins ago" ]
]
]
, span [ class "c-grey-600 fsz-sm" ]
[ text "Want to create your own customized data generator for your app..." ]
]
]
]
]
, li []
[ a [ href "", class "peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100" ]
[ div [ class "peer mR-15" ]
[ img [ class "w-3r bdrs-50p", src "https://randomuser.me/api/portraits/men/2.jpg", alt "" ]
[]
]
, div [ class "peer peer-greed" ]
[ div []
[ div [ class "peers jc-sb fxw-nw mB-5" ]
[ div [ class "peer" ]
[ p [ class "fw-500 mB-0" ]
[ text "Moo Doe" ]
]
, div [ class "peer" ]
[ small [ class "fsz-xs" ]
[ text "15 mins ago" ]
]
]
, span [ class "c-grey-600 fsz-sm" ]
[ text "Want to create your own customized data generator for your app..." ]
]
]
]
]
, li []
[ a [ href "", class "peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100" ]
[ div [ class "peer mR-15" ]
[ img [ class "w-3r bdrs-50p", src "https://randomuser.me/api/portraits/men/3.jpg", alt "" ]
[]
]
, div [ class "peer peer-greed" ]
[ div []
[ div [ class "peers jc-sb fxw-nw mB-5" ]
[ div [ class "peer" ]
[ p [ class "fw-500 mB-0" ]
[ text "Lee Doe" ]
]
, div [ class "peer" ]
[ small [ class "fsz-xs" ]
[ text "25 mins ago" ]
]
]
, span [ class "c-grey-600 fsz-sm" ]
[ text "Want to create your own customized data generator for your app..." ]
]
]
]
]
]
]
, li [ class "pX-20 pY-15 ta-c bdT" ]
[ span []
[ a [ href "email.html", class "c-grey-600 cH-blue fsz-sm td-n" ]
[ text "View All Email"
, i [ class "fs-xs ti-angle-right mL-10" ]
[]
]
]
]
]
]
, li [ class "dropdown" ] , li [ class "dropdown" ]
[ a [ href "", class "dropdown-toggle no-after peers fxw-nw ai-c lh-1", attribute "data-toggle" "dropdown" ] [ a [ href "", class "dropdown-toggle no-after peers fxw-nw ai-c lh-1", attribute "data-toggle" "dropdown" ]
[ div [ class "peer mR-10" ] [ div [ class "peer mR-10" ]
@ -304,3 +203,6 @@ view user =
] ]
] ]
] ]
port initHeader : () -> Cmd msg

+ 12
- 9
src/assets/scripts/elm/Components/Sidebar.elm View File

@ -1,4 +1,4 @@
module Components.Sidebar exposing (view)
port module Components.Sidebar exposing (view, initSidebar)
import Html exposing (Html, a, div, h5, i, img, li, span, text, ul) import Html exposing (Html, a, div, h5, i, img, li, span, text, ul)
import Html.Attributes exposing (class, href, src, alt) import Html.Attributes exposing (class, href, src, alt)
@ -118,7 +118,7 @@ view =
] ]
] ]
, li [ class "nav-item dropdown" ] , li [ class "nav-item dropdown" ]
[ a [ class "dropdown-toggle", href "javascript:void(0);" ]
[ a [ class "dropdown-toggle", href "" ]
[ span [ class "icon-holder" ] [ span [ class "icon-holder" ]
[ i [ class "c-orange-500 ti-layout-list-thumb" ] [ i [ class "c-orange-500 ti-layout-list-thumb" ]
[] []
@ -142,7 +142,7 @@ view =
] ]
] ]
, li [ class "nav-item dropdown" ] , li [ class "nav-item dropdown" ]
[ a [ class "dropdown-toggle", href "javascript:void(0);" ]
[ a [ class "dropdown-toggle", href "" ]
[ span [ class "icon-holder" ] [ span [ class "icon-holder" ]
[ i [ class "c-purple-500 ti-map" ] [ i [ class "c-purple-500 ti-map" ]
[] []
@ -166,7 +166,7 @@ view =
] ]
] ]
, li [ class "nav-item dropdown" ] , li [ class "nav-item dropdown" ]
[ a [ class "dropdown-toggle", href "javascript:void(0);" ]
[ a [ class "dropdown-toggle", href "" ]
[ span [ class "icon-holder" ] [ span [ class "icon-holder" ]
[ i [ class "c-red-500 ti-files" ] [ i [ class "c-red-500 ti-files" ]
[] []
@ -202,7 +202,7 @@ view =
] ]
] ]
, li [ class "nav-item dropdown" ] , li [ class "nav-item dropdown" ]
[ a [ class "dropdown-toggle", href "javascript:void(0);" ]
[ a [ class "dropdown-toggle", href "" ]
[ span [ class "icon-holder" ] [ span [ class "icon-holder" ]
[ i [ class "c-teal-500 ti-view-list-alt" ] [ i [ class "c-teal-500 ti-view-list-alt" ]
[] []
@ -216,13 +216,13 @@ view =
] ]
, ul [ class "dropdown-menu" ] , ul [ class "dropdown-menu" ]
[ li [ class "nav-item dropdown" ] [ li [ class "nav-item dropdown" ]
[ a [ href "javascript:void(0);" ]
[ a [ href "" ]
[ span [] [ span []
[ text "Menu Item" ] [ text "Menu Item" ]
] ]
] ]
, li [ class "nav-item dropdown" ] , li [ class "nav-item dropdown" ]
[ a [ href "javascript:void(0);" ]
[ a [ href "" ]
[ span [] [ span []
[ text "Menu Item" ] [ text "Menu Item" ]
, span [ class "arrow" ] , span [ class "arrow" ]
@ -232,11 +232,11 @@ view =
] ]
, ul [ class "dropdown-menu" ] , ul [ class "dropdown-menu" ]
[ li [] [ li []
[ a [ href "javascript:void(0);" ]
[ a [ href "" ]
[ text "Menu Item" ] [ text "Menu Item" ]
] ]
, li [] , li []
[ a [ href "javascript:void(0);" ]
[ a [ href "" ]
[ text "Menu Item" ] [ text "Menu Item" ]
] ]
] ]
@ -246,3 +246,6 @@ view =
] ]
] ]
] ]
port initSidebar : () -> Cmd msg

+ 3
- 3
src/assets/scripts/elm/Main.elm View File

@ -3,8 +3,8 @@ port module Main exposing (Model, Msg(..), init, main, update, view)
import Browser exposing (Document, UrlRequest(..)) import Browser exposing (Document, UrlRequest(..))
import Browser.Navigation as Nav exposing (Key) import Browser.Navigation as Nav exposing (Key)
import Components.Footer as Footer import Components.Footer as Footer
import Components.Header as Header
import Components.Sidebar as Sidebar
import Components.Header as Header exposing (initHeader)
import Components.Sidebar as Sidebar exposing (initSidebar)
import Html exposing (Html, a, br, div, h1, img, main_, text) import Html exposing (Html, a, br, div, h1, img, main_, text)
import Html.Attributes exposing (class, href, id, src) import Html.Attributes exposing (class, href, id, src)
import Html.Events exposing (onClick) import Html.Events exposing (onClick)
@ -36,7 +36,7 @@ init user url key =
, page = whichPage user url , page = whichPage user url
, user = user , user = user
} }
, Cmd.none
, Cmd.batch [ initSidebar (), initHeader () ]
) )


+ 10
- 0
src/assets/scripts/elm/index.js View File

@ -1,4 +1,6 @@
import { Elm } from './Main.elm'; import { Elm } from './Main.elm';
import { initSidebar } from '.././sidebar';
import { initSearch } from '../search';
export default (function () { export default (function () {
var firebaseConfig = require('./firebaseConfig'); var firebaseConfig = require('./firebaseConfig');
@ -29,6 +31,14 @@ export default (function () {
window.location.reload(); window.location.reload();
}); });
}); });
app.ports.initSidebar.subscribe(() => {
initSidebar();
});
app.ports.initHeader.subscribe(() => {
initSearch();
});
}); });
} else { } else {
initLoginForm(); initLoginForm();


+ 1
- 1
src/assets/scripts/index.js View File

@ -1,4 +1,4 @@
import '../styles/index.scss'; import '../styles/index.scss';
import './fancyloader'; import './fancyloader';
import './elm';
import './elm';

+ 2
- 2
src/assets/scripts/search/index.js View File

@ -1,9 +1,9 @@
import * as $ from 'jquery'; import * as $ from 'jquery';
export default (function () {
export function initSearch() {
$('.search-toggle').on('click', e => { $('.search-toggle').on('click', e => {
$('.search-box, .search-input').toggleClass('active'); $('.search-box, .search-input').toggleClass('active');
$('.search-input input').focus(); $('.search-input input').focus();
e.preventDefault(); e.preventDefault();
}); });
}());
};

+ 2
- 2
src/assets/scripts/sidebar/index.js View File

@ -1,6 +1,6 @@
import * as $ from 'jquery'; import * as $ from 'jquery';
export default (function () {
export function initSidebar() {
// Sidebar links // Sidebar links
$('.sidebar .sidebar-menu li a').on('click', function () { $('.sidebar .sidebar-menu li a').on('click', function () {
const $this = $(this); const $this = $(this);
@ -73,4 +73,4 @@ export default (function () {
window.dispatchEvent(window.EVENT); window.dispatchEvent(window.EVENT);
}, 300); }, 300);
}); });
}());
}

Write Preview
Loading…
Cancel
Save