← Back to branch summary

~ubuntuone-hackers/online-services-common-js/trunk

« back to all changes in this revision

Viewing changes to src/navbar/tests/manual/index.html

  • Committer: jonas-drange
  • Date: 2014-05-14 09:56:38 UTC
  • mfrom: (32.1.4 searchbar-as-module)
  • Revision ID: jonas.drange@canonical.com-20140514095638-kdlj966519ezk7y3
[r=stephen-stewart] - new module 'searchbar', which now builds only one module, 'searchbar-autocomplete'
- removing all search code in navbar
- bumping ulysses dep to 42

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/navbar/tests/manual/index.html
3
3
<meta name="viewport" content="width=device-width, user-scalable=no">
4
4
<title>navbar Manual Browser Tests / Sandbox</title>
5
5
<link rel="stylesheet" href="../../../../branches/ulysses/public/ulysses.css">
 
6
<link rel="stylesheet" media="(max-width: 480px)" href="../../../../branches/ulysses/public/navbar-small.css">
6
7
<script src="../../../../bower_components/yui3/build/yui/yui-min.js"></script>
7
8
<script src="../../../../build/config.js"></script>
8
9
<script>
36
37
</div>
37
38
<p>Hello world
38
39
 
39
 
 
40
 
<div class="ues-navbar" data-qa="navbar-search">
41
 
    <div class="ues-navbar-header">
42
 
        <div class="ues-navbar-brand">
43
 
            <a href="/">[INSERT BRAND IMAGE OR TEXT]</a>
44
 
        </div>
45
 
    </div>
46
 
    <div class="ues-navbar-collapse collapse in">
47
 
        <div class="ues-navbar-primary-nav">
48
 
            <ul class="ues-navbar-menu">
49
 
                <li><a href="">Dashboard</a></li>
50
 
                <li><a href="">Files</a></li>
51
 
                <li><a href="">Photos</a></li>
52
 
                <li><a href="">Music</a></li>
53
 
            </ul>
54
 
        </div>
55
 
        <ul class="ues-navbar-menu">
56
 
            <li><a href="">Account</a></li>
57
 
            <li><a href="">Settings</a></li>
58
 
            <li><a href="">Logout</a></li>
59
 
        </ul>
60
 
    </div>
61
 
    <div class="ues-navbar-collapse search collapse in">
62
 
        <div class="ues-navbar-secondary-nav">
63
 
            <div class="ues-navbar-search">
64
 
                <i class="ues-icon-search orange smaller"></i>
65
 
                <input class="ues-form-quicksearch" type="search" placeholder="Placeholder">
66
 
            </div>
67
 
        </div>
68
 
    </div>
69
 
</div>
70
 
 
71
 
<p>Foo bar
72
 
 
73
 
<div class="ues-navbar" data-qa="navbar-search-autocomplete">
74
 
    <div class="ues-navbar-header"></div>
75
 
    <div class="ues-navbar-collapse search autocomplete collapse in">
76
 
        <div class="ues-navbar-secondary-nav">
77
 
            <div class="ues-navbar-search">
78
 
                <i class="ues-icon-search orange smaller"></i>
79
 
                <input class="ues-form-quicksearch" type="search" placeholder="Placeholder">
80
 
            </div>
81
 
        </div>
82
 
    </div>
83
 
</div>
84
 
 
85
 
<p>Bar baz
86
 
 
87
40
<script>
88
41
 
89
 
YUI().use('navbar', 'navbar-autocomplete', function(Y) {
 
42
YUI().use('navbar', function(Y) {
90
43
    var menu = Y.one('.ues-navbar-collapse');
91
 
    var search = Y.one('.ues-navbar-collapse.search');
92
44
 
93
45
    menu.collapse.on('collapse:stateChange', function(e) {
94
46
        console.log('plugin {state} attr change event');
95
47
    })
96
48
 
97
 
    var ac = Y.one('.ues-navbar-collapse.autocomplete');
98
 
    var acInput = ac.one('input[type="search"]');
99
 
 
100
 
    acInput.ac.set('source', [
101
 
        { text: 'Facebook' },
102
 
        { text: 'Google' }
103
 
    ]);
104
 
 
105
49
});
106
50
</script>