bendtherules/chart-builder-demo
1
0
Fork 0
mirror of https://github.com/bendtherules/chart-builder-demo.git synced 2026-08-18 13:42:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Init commit. DnD working

Browse Source
This commit is contained in:
bendtherules
2017-03-16 10:02:06 +05:30
commit 984fab4703
5 changed files with 666 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+63
View File
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chart Builder</title>
<link rel="stylesheet" href="style.css">
</head>
<body ng-app="chart-builder">
<div class="header">
Chart Builder
</div>
<div class="content" ng-controller="mainController">
<div class="sidebar chooser">
<div class="chooser-dim" ng-drop="drop($event,'chooser.dimension')" ng-dragover="allowDrop($event,'chooser.dimension')">
<div class="dim-header"> Dimensions </div>
<div class="dim-content">
<ul class="unstyled-list">
<li draggable="true" ng-dragstart="drag($event,'chooser.dimension')" ng-repeat="dimName in data.chooserDimensions">{{dimName}}</li>
</ul>
</div>
</div>
<div class="chooser-measure" ng-drop="drop($event,'chooser.measure')" ng-dragover="allowDrop($event,'chooser.measure')">
<div class="measure-header">Measures</div>
<div class="measure-content">
<ul class="unstyled-list">
<li draggable="true" ng-dragstart="drag($event,'chooser.measure')" ng-repeat="measureName in data.chooserMeasures">{{measureName}}</li>
</ul>
</div>
</div>
</div>
<div class="main-content">
<div class="chosen">
<div class="chosen-dim" ng-drop="drop($event,'chosen.dimension')" ng-dragover="allowDrop($event)">
<div class="dim-header">
Dimensions
</div>
<div class="dim-content">
<ul class="unstyled-list">
<li draggable="true" ng-dragstart="drag($event,'chosen.dimension')" ng-if="data.chosenDimension">{{data.chosenDimension}}</li>
</ul>
</div>
</div>
<div class="chosen-measure" ng-drop="drop($event,'chosen.measure')" ng-dragover="allowDrop($event)">
<div class="measure-header">
Measures
</div>
<div class="measure-content">
<ul class="unstyled-list">
<li draggable="true" ng-dragstart="drag($event,'chosen.measure')" ng-if="data.chosenMeasure">{{data.chosenMeasure}}</li>
</ul>
</div>
</div>
</div>
<div class="chart-container">
<div class="chart"></div>
</div>
</div>
</div>
<script type="text/javascript" src="lib/angular.min.js"></script>
<script type="text/javascript" src="js/ng-drag.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>