Skip to content
This repository was archived by the owner on Sep 8, 2020. It is now read-only.

Commit 2412175

Browse files
douglasduteildouglasduteil
committed
fix(demo): update to work with angular-ui-publisher
1 parent 2a8b12b commit 2412175

File tree

4 files changed

+76
-71
lines changed

4 files changed

+76
-71
lines changed

‎demo/demo.css

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,6 @@
2020

2121
/*** Extra ***/
2222

23-
body {
24-
font-family: Verdana, 'Trebuchet ms', Tahoma;
25-
}
26-
2723
.logList {
2824
margin-top: 20px;
2925
width: 250px;
@@ -41,11 +37,6 @@ body {
4137
background-color: #FFF;
4238
}
4339

44-
.container {
45-
width:300px;
46-
margin: auto;
40+
ul[ui-sortable] {
41+
float: right;
4742
}
48-
49-
h2 {
50-
text-align: center;
51-
}

‎demo/demo.html

Lines changed: 13 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,14 @@
1-
<!DOCTYPE html>
2-
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3-
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4-
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
5-
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6-
<head>
7-
<meta charset="utf-8">
8-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9-
<title>AngularUI - Sortable Demo</title>
10-
<base href=".."></base>
11-
<link rel="stylesheet" href="bower_components/jquery-ui/themes/smoothness/jquery-ui.css">
12-
<link rel="stylesheet" href="demo/demo.css">
13-
<script type="text/javascript" src="bower_components/jquery/jquery.js"></script>
14-
<script type="text/javascript" src="bower_components/jquery-ui/ui/jquery-ui.js"></script>
15-
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
16-
<script type="text/javascript" src="src/sortable.js"></script>
17-
<script type="text/javascript">
18-
var myapp = angular.module('sortableApp', ['ui.sortable']);
19-
20-
myapp.controller('sortableController', function ($scope) {
21-
var tmpList = [];
22-
23-
for (var i = 1; i <= 6; i++){
24-
tmpList.push({
25-
text: 'Item ' + i,
26-
value: i
27-
});
28-
}
29-
30-
$scope.list = tmpList;
31-
32-
33-
$scope.sortingLog = [];
34-
35-
$scope.sortableOptions = {
36-
// called after a node is dropped
37-
stop: function(e, ui) {
38-
var logEntry = {
39-
ID: $scope.sortingLog.length + 1,
40-
Text: 'Moved element: ' + ui.item.scope().item.text
41-
};
42-
$scope.sortingLog.push(logEntry);
43-
}
44-
};
45-
});
46-
</script>
47-
</head>
48-
<body ng-app="sortableApp" ng-controller="sortableController">
49-
<div class="container">
50-
<h2>ui.sortable demo</h2>
51-
52-
<ul ui-sortable="sortableOptions" ng-model="list" class="list">
53-
<li ng-repeat="item in list" class="item">{{item.text}}</li>
54-
</ul>
55-
56-
<ul class="list logList">
57-
<li ng-repeat="entry in sortingLog" class="logItem">{{entry.Text}}</li>
58-
</ul>
1+
<section ng-app="sortableApp" ng-controller="sortableController">
2+
<div class="row">
3+
<div class="span6">
4+
<ul ui-sortable="sortableOptions" ng-model="list" class="list">
5+
<li ng-repeat="item in list" class="item">{{item.text}}</li>
6+
</ul>
7+
</div>
8+
<div class="span6">
9+
<ul class="list logList">
10+
<li ng-repeat="entry in sortingLog" class="logItem">{{entry.Text}}</li>
11+
</ul>
12+
</div>
5913
</div>
60-
</body>
61-
</html>
14+
</section>

‎demo/demo.js

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
'use strict';
2+
3+
var myapp = angular.module('sortableApp', ['ui.sortable']);
4+
5+
myapp.controller('sortableController', function ($scope) {
6+
var tmpList = [];
7+
8+
for (var i = 1; i <= 6; i++){
9+
tmpList.push({
10+
text: 'Item ' + i,
11+
value: i
12+
});
13+
}
14+
15+
$scope.list = tmpList;
16+
17+
18+
$scope.sortingLog = [];
19+
20+
$scope.sortableOptions = {
21+
// called after a node is dropped
22+
stop: function(e, ui) {
23+
var logEntry = {
24+
ID: $scope.sortingLog.length + 1,
25+
Text: 'Moved element: ' + ui.item.scope().item.text
26+
};
27+
$scope.sortingLog.push(logEntry);
28+
}
29+
};
30+
});

‎publish.js

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
/* jshint node:true */
2+
3+
'use strict';
4+
5+
var fs = require('fs');
6+
var path = require('path');
7+
8+
module.exports = function() {
9+
10+
var js_dependencies =[
11+
'bower_components/jquery-ui/ui/jquery-ui.js'
12+
];
13+
14+
var css_dependencies = [
15+
'bower_components/jquery-ui/themes/smoothness/jquery-ui.css'
16+
];
17+
18+
function putThemInVendorDir (filepath) {
19+
return 'vendor/' + path.basename(filepath);
20+
}
21+
22+
return {
23+
humaName : 'UI.Sortable',
24+
repoName : 'ui-sortable',
25+
inlineHTML : fs.readFileSync(__dirname + '/demo/demo.html'),
26+
inlineJS : fs.readFileSync(__dirname + '/demo/demo.js'),
27+
css: css_dependencies.map(putThemInVendorDir).concat(['demo/demo.css']),
28+
js : js_dependencies.map(putThemInVendorDir).concat(['dist/sortable.js']),
29+
tocopy : css_dependencies.concat(js_dependencies)
30+
};
31+
};

0 commit comments

Comments
 (0)