fix drag n drop bug

2015-10-10 03:59:36 +02:00
parent 836711dd69
commit 2a50c2b180
6 changed files with 41 additions and 6 deletions
--- a/jade/index.jade
+++ b/jade/index.jade
@@ -0,0 +1,18 @@
+doctype html
+html(lang="en")
+  head
+    title= pageTitle
+    link(rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css')
+    link(rel='stylesheet prefetch' href='http://cdn.foundation5.zurb.com/foundation.css')
+    link(rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.9/css/dataTables.foundation.css')
+    link(rel="stylesheet" href="../css/style.css")
+
+
+    script(src='http://code.jquery.com/jquery-1.11.3.min.js' onload="window.$ = window.jQuery = module.exports;")
+    script(src='http://cdn.foundation5.zurb.com/foundation.js')
+    script(src='http://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js')
+    script(src='https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.9/js/jquery.dataTables.min.js')
+    script(src='../js/index.js')         
+        
+    include ./mixing.jade
+  include ./page.jade
--- a/jade/mixing.jade
+++ b/jade/mixing.jade
@@ -0,0 +1,62 @@
+mixin summary_line(id)
+    .row
+     .small-3.columns
+        p(id='hist'+id class="chart")
+     .small-3.columns
+         p(id='line'+id class="chart")
+     .small-3.columns
+       p(align="center") 8888  
+     .small-3.columns
+       .small-6.columns
+         p 8888 
+       .small-6.columns
+         p 545
+       .small-6.columns
+         p 8888 
+       .small-6.columns
+         p 545
+
+
+mixin summary
+    ul.accordion(data-accordion='')
+      li.accordion-navigation
+        a(href='#panel1a') Accordion 1
+        #panel1a.content.active
+          | Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      li.accordion-navigation
+        a(href='#panel2a') Accordion 2
+        #panel2a.content
+          | Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+      li.accordion-navigation
+        a(href='#panel3a') Accordion 3
+        #panel3a.content
+          | Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+mixin dopage
+
+    ul.accordion(data-accordion='')
+        li.accordion-navigation
+          a(href='#panel_1a' )
+
+            +summary_line(1)
+
+          #panel_1a.content.active
+             .row
+               .small-1.columns
+                 p 
+
+               .small-10.columns
+                 p
+                  table(id="tttable" class="display" width="100%")
+        li.accordion-navigation
+          a(href='#panel_2a')
+            +summary_line(2)
+          #panel_2a.content
+            | Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+        li.accordion-navigation
+          a(href='#panel_3a') 
+            +summary_line(3)
+          #panel_3a.content
+            | Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+
--- a/jade/page.jade
+++ b/jade/page.jade
@@ -0,0 +1,50 @@
+
+body
+    .parallax
+      input#menu-toggle.hidden(type='checkbox')
+      label(for='menu-toggle')
+        span.glyphicon
+      .menu
+        h2 Dashboard
+        ul
+          li FILTERS
+          li
+            a.active(href='javascript:void(0)' id="a_report") Reports
+          li
+            a(href='javascript:void(0)' id="a_doc") Documents
+          li
+            a(href='javascript:void(0)' id="a_review") Reviews
+          li
+            a(href='javascript:void(0)' id="a_msg") Messages
+
+      .content
+        .container
+          .row
+            .col-md-12
+              h1 Consectetur adipiscing
+              hr
+            // /.col-md-12
+            #report
+             .col-sm-12
+                dl.tabs(data-tab='')
+                 dd.tab-title.active(role='presentation')
+                    a(href='#panel2-1', role='tab', tabindex='0', aria-selected='true', aria-controls='panel2-1') Tab 1
+                  dd.tab-title(role='presentation')
+                    a(href='#panel2-2', role='tab', tabindex='0', aria-selected='false', aria-controls='panel2-2') Tab 2
+                  dd.tab-title(role='presentation')
+                    a(href='#panel2-3', role='tab', tabindex='0', aria-selected='false', aria-controls='panel2-4') Tab 4
+                .tabs-content
+                  
+                    #panel2-1.content.active
+                      +dopage
+                    #panel2-2.content
+                       +summary
+                    #panel2-3.content
+                      p Third panel content goes here...
+                    #panel2-4.content
+                      #dragdrop Drag file here
+
+            
+
+
+