1
0
mirror of /repos/Prototyper.git synced 2026-02-27 16:12:00 +01:00

bootstrap css in use

This commit is contained in:
Aiko Mastboom
2013-04-21 14:48:25 +02:00
parent 77d70a9d22
commit 869752f575
2 changed files with 41 additions and 75 deletions

View File

@@ -15,13 +15,13 @@
<!-- @@_end_remove --><html>
<head>
<title>app/main/index</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<!--<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>-->
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css">
<!--<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet" type="text/css">-->
<!-- @@style__app_main_style -->
<!-- @@remove_ -->
<link href="/style.css" rel="stylesheet" type="text/css">
<!-- @@_end_remove -->
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet" type="text/css">
<!-- @@style__app_main_style -->
</head>
<body>
@@ -32,18 +32,30 @@
Editing <b>index</b>
<strong data-bind="text: _keys().length"></strong>
<div data-bind="visible: _getMode()">
mode: <strong data-bind="text: _getMode()"></strong>
mode: <strong data-bind="text: _getMode()"></strong>
</div>
<select data-bind="options: _availableModes(), optionsText: 'name', value: _selectedMode"></select>
<div id="main">
<ul class="folders">
<!-- ko foreach: _keys() -->
<li data-bind="text: $data,
css: { selected: $data == $root._chosenFolderId() },
click: $root._goToFolder"></li>
<!-- /ko -->
<li><input data-bind="value: $root._newAttribute" /></li>
</ul>
</div>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">Currently open</a>
<div class="nav btn-toolbar">
<!-- ko foreach: _keys() -->
<div class="btn-group">
<a class="btn" data-bind="text: $data,
click: $root._goToFolder,
css: { active: $data == $root._chosenFolderId() }" ></a>
<button class="btn" data-bind="enable: false, click: $root._closeDoc">&times;</button>
</div>
<!-- /ko -->
</div>
<!--<ul class="nav pull-right"><li>-->
<form class="nav navbar-form pull-right">
<input type="text" class="span2" data-bind="value: $root._newAttribute" />
</form>
<!--</li></ul>-->
</div>
</div>
</div>
</div>
@@ -254,7 +266,9 @@
setMode(viewModel._chosenFolderId(), newValue.ace());
}
});
viewModel._closeDoc = function(folder) {
console.log('closing ',folder);
};
ko.applyBindings(viewModel);
window.viewModel=viewModel;
console.log('viewModel', viewModel);