##// END OF EJS Templates
templates: removed utf8 marker from debug templates
super-admin -
r5038:8d84b8df default
parent child Browse files
Show More
@@ -1,75 +1,74 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18
17
19 ${self.sidebar()}
18 ${self.sidebar()}
20
19
21 <div class="main-content">
20 <div class="main-content">
22
21
23 <h3>Alert Messages</h3>
22 <h3>Alert Messages</h3>
24 <p>
23 <p>
25 Alert messages are produced using the custom Polymer element
24 Alert messages are produced using the custom Polymer element
26 <code>rhodecode-toast</code> which is passed a message and level.
25 <code>rhodecode-toast</code> which is passed a message and level.
27 </p>
26 </p>
28
27
29 <div class="bs-example">
28 <div class="bs-example">
30 <p> There are four types of alert levels:</p>
29 <p> There are four types of alert levels:</p>
31 <div class="alert alert-success">
30 <div class="alert alert-success">
32 "success" is used when an action is completed as expected<br/>
31 "success" is used when an action is completed as expected<br/>
33 ex. updated settings, deletion of a repo/user
32 ex. updated settings, deletion of a repo/user
34 </div>
33 </div>
35 <div class="alert alert-warning">
34 <div class="alert alert-warning">
36 "warning" is for notification of impending issues<br/>
35 "warning" is for notification of impending issues<br/>
37 ex. a gist which was updated elsewhere during editing, disk out of space
36 ex. a gist which was updated elsewhere during editing, disk out of space
38 </div>
37 </div>
39 <div class="alert alert-error">
38 <div class="alert alert-error">
40 "error" should be used for unexpected results and actions which
39 "error" should be used for unexpected results and actions which
41 are not successful<br/>
40 are not successful<br/>
42 ex. a form not submitted, repo creation failure
41 ex. a form not submitted, repo creation failure
43 </div>
42 </div>
44 <div class="alert alert-info">
43 <div class="alert alert-info">
45 "info" is used for non-critical information<br/>
44 "info" is used for non-critical information<br/>
46 ex. notification of new messages, invitations to chat
45 ex. notification of new messages, invitations to chat
47 </div>
46 </div>
48 </div>
47 </div>
49
48
50 <p><br/>
49 <p><br/>
51 Whether singular or multiple, alerts are grouped into a dismissable
50 Whether singular or multiple, alerts are grouped into a dismissable
52 panel with a single "Close" button underneath.
51 panel with a single "Close" button underneath.
53 </p>
52 </p>
54 <a class="btn btn-default" id="test-notification">Test Notification</a>
53 <a class="btn btn-default" id="test-notification">Test Notification</a>
55
54
56 <script type="text/javascript">
55 <script type="text/javascript">
57 $('#test-notification').on('click', function(e){
56 $('#test-notification').on('click', function(e){
58 var levels = ['info', 'error', 'warning', 'success'];
57 var levels = ['info', 'error', 'warning', 'success'];
59 var level = levels[Math.floor(Math.random()*levels.length)];
58 var level = levels[Math.floor(Math.random()*levels.length)];
60 var payload = {
59 var payload = {
61 message: {
60 message: {
62 message: 'This is a test ' +level+ ' notification.',
61 message: 'This is a test ' +level+ ' notification.',
63 level: level,
62 level: level,
64 force: true
63 force: true
65 }
64 }
66 };
65 };
67 $.Topic('/notifications').publish(payload);
66 $.Topic('/notifications').publish(payload);
68 });
67 });
69 </script>
68 </script>
70
69
71 </div>
70 </div>
72 </div> <!-- .main-content -->
71 </div> <!-- .main-content -->
73 </div>
72 </div>
74 </div> <!-- .box -->
73 </div> <!-- .box -->
75 </%def>
74 </%def>
@@ -1,197 +1,196 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
17 ${self.sidebar()}
19
18
20 <div class="main-content">
19 <div class="main-content">
21
20
22 <h2>Buttons</h2>
21 <h2>Buttons</h2>
23
22
24 <p>
23 <p>
25 Form buttons in various sizes. Buttons are always capitalised.
24 Form buttons in various sizes. Buttons are always capitalised.
26 Use the following classes:
25 Use the following classes:
27 </p>
26 </p>
28
27
29 <ul>
28 <ul>
30 ## TODO: lisa: Are we actually using three sizes of buttons??
29 ## TODO: lisa: Are we actually using three sizes of buttons??
31 <li><code>.btn-lg</code> for large buttons</li>
30 <li><code>.btn-lg</code> for large buttons</li>
32 <li><code>.btn-sm</code> for small buttons</li>
31 <li><code>.btn-sm</code> for small buttons</li>
33 <li><code>.btn-xs</code> for xtra small buttons</li>
32 <li><code>.btn-xs</code> for xtra small buttons</li>
34 </ul>
33 </ul>
35
34
36 <p>Note that <code>.btn-mini</code> is supported for legacy reasons.</p>
35 <p>Note that <code>.btn-mini</code> is supported for legacy reasons.</p>
37
36
38 <div class="bs-example">
37 <div class="bs-example">
39 ## TODO: johbo: Should also work without the form element
38 ## TODO: johbo: Should also work without the form element
40 <form method='post' action=''>
39 <form method='post' action=''>
41 <div class='form'>
40 <div class='form'>
42
41
43 <div class="buttons">
42 <div class="buttons">
44 <input type="submit" value="Save .btn-lg" id="example_save" class="btn btn-lg">
43 <input type="submit" value="Save .btn-lg" id="example_save" class="btn btn-lg">
45 <input type="reset" value="Reset" id="example_reset" class="btn btn-lg">
44 <input type="reset" value="Reset" id="example_reset" class="btn btn-lg">
46 <button class="btn btn-lg">Large</button>
45 <button class="btn btn-lg">Large</button>
47 <a class="btn btn-lg" href="#">A link as button</a>
46 <a class="btn btn-lg" href="#">A link as button</a>
48 </div>
47 </div>
49
48
50 <div class="buttons">
49 <div class="buttons">
51 <input type="submit" value="Save" id="example_save" class="btn">
50 <input type="submit" value="Save" id="example_save" class="btn">
52 <input type="reset" value="Reset" id="example_reset" class="btn">
51 <input type="reset" value="Reset" id="example_reset" class="btn">
53 <button class="btn">Normal</button>
52 <button class="btn">Normal</button>
54 <button class="btn btn-danger">Normal</button>
53 <button class="btn btn-danger">Normal</button>
55 <a class="btn" href="#">A link as button</a>
54 <a class="btn" href="#">A link as button</a>
56 </div>
55 </div>
57
56
58 <div class="buttons">
57 <div class="buttons">
59 <input type="submit" value="Save .btn-sm" id="example_save" class="btn btn-sm">
58 <input type="submit" value="Save .btn-sm" id="example_save" class="btn btn-sm">
60 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm">
59 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm">
61 <button class="btn btn-sm">Small</button>
60 <button class="btn btn-sm">Small</button>
62 <button class="btn btn-sm btn-danger">Small</button>
61 <button class="btn btn-sm btn-danger">Small</button>
63 <a class="btn btn-sm" href="#">A link as button</a>
62 <a class="btn btn-sm" href="#">A link as button</a>
64 </div>
63 </div>
65
64
66 <div class="buttons">
65 <div class="buttons">
67 <input type="submit" value="Save .btn-xs" id="example_save" class="btn btn-xs">
66 <input type="submit" value="Save .btn-xs" id="example_save" class="btn btn-xs">
68 <input type="reset" value="Reset" id="example_reset" class="btn btn-xs">
67 <input type="reset" value="Reset" id="example_reset" class="btn btn-xs">
69 <button class="btn btn-xs">XSmall</button>
68 <button class="btn btn-xs">XSmall</button>
70 <button class="btn btn-xs btn-danger">XSmall</button>
69 <button class="btn btn-xs btn-danger">XSmall</button>
71 <a class="btn btn-xs" href="#">A link as button</a>
70 <a class="btn btn-xs" href="#">A link as button</a>
72 </div>
71 </div>
73
72
74 <div class="buttons">
73 <div class="buttons">
75 <input type="submit" value="Save .btn-mini" id="example_save" class="btn btn-mini">
74 <input type="submit" value="Save .btn-mini" id="example_save" class="btn btn-mini">
76 <input type="reset" value="Reset" id="example_reset" class="btn btn-mini">
75 <input type="reset" value="Reset" id="example_reset" class="btn btn-mini">
77 </div>
76 </div>
78
77
79 <div class="buttons">
78 <div class="buttons">
80 Buttons of style <code>.btn-link</code>:
79 Buttons of style <code>.btn-link</code>:
81 <input type="reset" value="Reset" id="example_reset" class="btn btn-link">
80 <input type="reset" value="Reset" id="example_reset" class="btn btn-link">
82 <button class="btn btn-link">Edit</button>
81 <button class="btn btn-link">Edit</button>
83 <button class="btn btn-danger btn-link">Delete</button>
82 <button class="btn btn-danger btn-link">Delete</button>
84 </div>
83 </div>
85 </div>
84 </div>
86 </form>
85 </form>
87 </div>
86 </div>
88
87
89
88
90 <h2>Buttons as Links</h2>
89 <h2>Buttons as Links</h2>
91 <p>
90 <p>
92 Most of our Edit/Delete buttons come in the following form.
91 Most of our Edit/Delete buttons come in the following form.
93 Inside of a table, these are "action buttons", and while an
92 Inside of a table, these are "action buttons", and while an
94 Edit <em>link</em> is a typical blue link, a Delete <em>button</em>
93 Edit <em>link</em> is a typical blue link, a Delete <em>button</em>
95 is red as per the 'btn-danger' styling and use <code>.btn-link</code>.
94 is red as per the 'btn-danger' styling and use <code>.btn-link</code>.
96 </p>
95 </p>
97 <p>
96 <p>
98 We use "Delete" when the thing being deleted cannot be undone;
97 We use "Delete" when the thing being deleted cannot be undone;
99 "Reset", and "Revoke" are used where applicable.
98 "Reset", and "Revoke" are used where applicable.
100 </p>
99 </p>
101 <p>
100 <p>
102 Note: Should there be a need for a change in the wording, be
101 Note: Should there be a need for a change in the wording, be
103 aware that corresponding documentation may also need updating.
102 aware that corresponding documentation may also need updating.
104 </p>
103 </p>
105 <div class="bs-example">
104 <div class="bs-example">
106 <table class="rctable edit_fields">
105 <table class="rctable edit_fields">
107 <tr><td></td><td></td></tr>
106 <tr><td></td><td></td></tr>
108 <tr>
107 <tr>
109 <td></td>
108 <td></td>
110 <td class=" td-action">
109 <td class=" td-action">
111 <div class="grid_edit">
110 <div class="grid_edit">
112 <a href="/_admin/repo_groups/breads/edit" title="Edit">Edit</a>
111 <a href="/_admin/repo_groups/breads/edit" title="Edit">Edit</a>
113 </div>
112 </div>
114 <div class="grid_delete">
113 <div class="grid_delete">
115 <form action="/_admin/repo_groups/breads" method="post"><div style="display:none">
114 <form action="/_admin/repo_groups/breads" method="post"><div style="display:none">
116 <input name="_method" type="hidden" value="delete">
115 <input name="_method" type="hidden" value="delete">
117 </div>
116 </div>
118 <div style="display: none;"><input id="csrf_token" name="csrf_token" type="hidden" value="03d6cc48726b885039b2f7675e85596b7dae6ecf"></div>
117 <div style="display: none;"><input id="csrf_token" name="csrf_token" type="hidden" value="03d6cc48726b885039b2f7675e85596b7dae6ecf"></div>
119 <button class="btn btn-link btn-danger" type="submit" onclick="return confirm('" +_ungettext('confirm="" to="" delete="" this="" group:="" %s="" with="" repository','confirm="" repositories',gr_count)="" %="" (repo_group_name,="" gr_count)+"');"="">
118 <button class="btn btn-link btn-danger" type="submit" onclick="return confirm('" +_ungettext('confirm="" to="" delete="" this="" group:="" %s="" with="" repository','confirm="" repositories',gr_count)="" %="" (repo_group_name,="" gr_count)+"');"="">
120 Delete
119 Delete
121 </button>
120 </button>
122 </form>
121 </form>
123 </div>
122 </div>
124 </td>
123 </td>
125 </tr>
124 </tr>
126 </table>
125 </table>
127 <div class="highlight-html"><xmp>
126 <div class="highlight-html"><xmp>
128 <a href="some-link" title="${_('Edit')}">${_('Edit')}</a>
127 <a href="some-link" title="${_('Edit')}">${_('Edit')}</a>
129
128
130 <button class="btn btn-link btn-danger" type="submit"
129 <button class="btn btn-link btn-danger" type="submit"
131 onclick="return confirm('${_('Confirm to remove this field: Field')}');">
130 onclick="return confirm('${_('Confirm to remove this field: Field')}');">
132 ${_('Delete')}
131 ${_('Delete')}
133 </button>
132 </button>
134 </xmp></div>
133 </xmp></div>
135 </div>
134 </div>
136
135
137
136
138 <h2>Buttons disabled</h2>
137 <h2>Buttons disabled</h2>
139
138
140 <p>Note that our application still uses the class <code>.disabled</code>
139 <p>Note that our application still uses the class <code>.disabled</code>
141 in some places. Interim we support both but prefer to use the
140 in some places. Interim we support both but prefer to use the
142 attribute <code>disabled</code> where possible.</p>
141 attribute <code>disabled</code> where possible.</p>
143
142
144 <div class="bs-example">
143 <div class="bs-example">
145 ## TODO: johbo: Should also work without the form element
144 ## TODO: johbo: Should also work without the form element
146 <form method='post' action=''>
145 <form method='post' action=''>
147 <div class='form'>
146 <div class='form'>
148
147
149 <div class="buttons">
148 <div class="buttons">
150 <input type="submit" value="Save .btn-lg" id="example_save" class="btn btn-lg" disabled>
149 <input type="submit" value="Save .btn-lg" id="example_save" class="btn btn-lg" disabled>
151 <input type="reset" value="Reset" id="example_reset" class="btn btn-lg" disabled>
150 <input type="reset" value="Reset" id="example_reset" class="btn btn-lg" disabled>
152 <button class="btn btn-lg" disabled>Large</button>
151 <button class="btn btn-lg" disabled>Large</button>
153 </div>
152 </div>
154
153
155 <div class="buttons">
154 <div class="buttons">
156 <input type="submit" value="Save" id="example_save" class="btn" disabled>
155 <input type="submit" value="Save" id="example_save" class="btn" disabled>
157 <input type="reset" value="Reset" id="example_reset" class="btn" disabled>
156 <input type="reset" value="Reset" id="example_reset" class="btn" disabled>
158 <button class="btn" disabled>Normal</button>
157 <button class="btn" disabled>Normal</button>
159 <button class="btn btn-danger" disabled>Normal</button>
158 <button class="btn btn-danger" disabled>Normal</button>
160 </div>
159 </div>
161
160
162 <div class="buttons">
161 <div class="buttons">
163 <input type="submit" value="Save .btn-sm" id="example_save" class="btn btn-sm" disabled>
162 <input type="submit" value="Save .btn-sm" id="example_save" class="btn btn-sm" disabled>
164 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm" disabled>
163 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm" disabled>
165 <button class="btn btn-sm" disabled>Small</button>
164 <button class="btn btn-sm" disabled>Small</button>
166 <button class="btn btn-sm btn-danger" disabled>Small</button>
165 <button class="btn btn-sm btn-danger" disabled>Small</button>
167 </div>
166 </div>
168
167
169 <div class="buttons">
168 <div class="buttons">
170 <input type="submit" value="Save .btn-xs" id="example_save" class="btn btn-xs" disabled>
169 <input type="submit" value="Save .btn-xs" id="example_save" class="btn btn-xs" disabled>
171 <input type="reset" value="Reset" id="example_reset" class="btn btn-xs" disabled>
170 <input type="reset" value="Reset" id="example_reset" class="btn btn-xs" disabled>
172 <button class="btn btn-xs" disabled>XSmall</button>
171 <button class="btn btn-xs" disabled>XSmall</button>
173 <button class="btn btn-xs btn-danger" disabled>XSmall</button>
172 <button class="btn btn-xs btn-danger" disabled>XSmall</button>
174 </div>
173 </div>
175
174
176 <div class="buttons">
175 <div class="buttons">
177 <input type="submit" value="Save .btn-mini" id="example_save" class="btn btn-mini" disabled>
176 <input type="submit" value="Save .btn-mini" id="example_save" class="btn btn-mini" disabled>
178 <input type="reset" value="Reset" id="example_reset" class="btn btn-mini" disabled>
177 <input type="reset" value="Reset" id="example_reset" class="btn btn-mini" disabled>
179 </div>
178 </div>
180
179
181 <div class="buttons">
180 <div class="buttons">
182 Buttons of style <code>.btn-link</code>:
181 Buttons of style <code>.btn-link</code>:
183 <input type="reset" value="Reset" id="example_reset" class="btn btn-link" disabled>
182 <input type="reset" value="Reset" id="example_reset" class="btn btn-link" disabled>
184 <button class="btn btn-link" disabled>Edit</button>
183 <button class="btn btn-link" disabled>Edit</button>
185 <button class="btn btn-link btn-danger" disabled>Delete</button>
184 <button class="btn btn-link btn-danger" disabled>Delete</button>
186 </div>
185 </div>
187
186
188 </div>
187 </div>
189 </form>
188 </form>
190 </div>
189 </div>
191
190
192
191
193
192
194 </div>
193 </div>
195 </div> <!-- .main-content -->
194 </div> <!-- .main-content -->
196 </div> <!-- .box -->
195 </div> <!-- .box -->
197 </%def>
196 </%def>
@@ -1,1160 +1,1159 b''
1 ## -*- coding: utf-8 -*-
2 <%namespace name="base" file="/base/base.mako"/>
1 <%namespace name="base" file="/base/base.mako"/>
3 <%inherit file="/debug_style/index.html"/>
2 <%inherit file="/debug_style/index.html"/>
4
3
5 <%def name="breadcrumbs_links()">
4 <%def name="breadcrumbs_links()">
6 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
7 &raquo;
6 &raquo;
8 ${c.active}
7 ${c.active}
9 </%def>
8 </%def>
10
9
11 <%def name="js_extra()">
10 <%def name="js_extra()">
12 </%def>
11 </%def>
13
12
14 <%def name="css_extra()">
13 <%def name="css_extra()">
15 </%def>
14 </%def>
16
15
17
16
18 <%def name="real_main()">
17 <%def name="real_main()">
19 <div class="box">
18 <div class="box">
20 <div class="title">
19 <div class="title">
21 ${self.breadcrumbs()}
20 ${self.breadcrumbs()}
22 </div>
21 </div>
23
22
24 ##main
23 ##main
25 <div class='sidebar-col-wrapper'>
24 <div class='sidebar-col-wrapper'>
26 ${self.sidebar()}
25 ${self.sidebar()}
27
26
28 <div class="main-content">
27 <div class="main-content">
29
28
30
29
31
30
32 <h2>Code Blocks</h2>
31 <h2>Code Blocks</h2>
33
32
34 <dl class="dl-horizontal">
33 <dl class="dl-horizontal">
35 <dt><code>.codeblock</code></dt>
34 <dt><code>.codeblock</code></dt>
36 <dd>Used as a wrapping element around <code>.code-header</code> and
35 <dd>Used as a wrapping element around <code>.code-header</code> and
37 <code>.code-body</code>. Used to show the content of a file or a
36 <code>.code-body</code>. Used to show the content of a file or a
38 Gist.</dd>
37 Gist.</dd>
39
38
40 <dt><code>.diffblock</code></dt>
39 <dt><code>.diffblock</code></dt>
41 <dd>Used as a wrapping element to show a diff in a Commit or Pull
40 <dd>Used as a wrapping element to show a diff in a Commit or Pull
42 Request page. Contains usually <code>.code-header</code>,
41 Request page. Contains usually <code>.code-header</code>,
43 <code>.code-body</code> and in the edit case a <code>.message</code>.
42 <code>.code-body</code> and in the edit case a <code>.message</code>.
44 </dd>
43 </dd>
45 </dl>
44 </dl>
46
45
47
46
48 <p>Code Blocks are used in the following areas:</p>
47 <p>Code Blocks are used in the following areas:</p>
49
48
50 <ul>
49 <ul>
51 <li>Commit: Showing the Diff (still called Changeset in a few
50 <li>Commit: Showing the Diff (still called Changeset in a few
52 places).</li>
51 places).</li>
53 <li>File: Display a file, annotations, and edit a file.</li>
52 <li>File: Display a file, annotations, and edit a file.</li>
54 <li>Gist: Show the Gist and edit it.</li>
53 <li>Gist: Show the Gist and edit it.</li>
55 <li>Pull Request: Display the Diff of a Pull Request.</li>
54 <li>Pull Request: Display the Diff of a Pull Request.</li>
56 </ul>
55 </ul>
57
56
58
57
59
58
60 <!--
59 <!--
61 Compare Commits
60 Compare Commits
62 -->
61 -->
63 <h2>Compare Commits</h2>
62 <h2>Compare Commits</h2>
64
63
65 <div id="c-e589e34d6be8-5ab783e6d81b" class="diffblock margined comm">
64 <div id="c-e589e34d6be8-5ab783e6d81b" class="diffblock margined comm">
66 <div class="code-header">
65 <div class="code-header">
67 <div title="Go back to changed files overview">
66 <div title="Go back to changed files overview">
68 <a href="#changes_box">
67 <a href="#changes_box">
69 <i class="icon-circle-arrow-up"></i>
68 <i class="icon-circle-arrow-up"></i>
70 </a>
69 </a>
71 </div>
70 </div>
72 <div class="changeset_header">
71 <div class="changeset_header">
73 <div class="changeset_file">
72 <div class="changeset_file">
74 <i class="icon-file"></i>
73 <i class="icon-file"></i>
75 <a href="/example/files/e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d/rhodecode/public/css/code-block.less">rhodecode/public/css/code-block.less</a>
74 <a href="/example/files/e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d/rhodecode/public/css/code-block.less">rhodecode/public/css/code-block.less</a>
76 </div>
75 </div>
77 <div class="diff-actions">
76 <div class="diff-actions">
78 <a href="/example/diff/rhodecode/public/css/code-block.less?fulldiff=1&amp;diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=diff&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Show full diff for this file">
77 <a href="/example/diff/rhodecode/public/css/code-block.less?fulldiff=1&amp;diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=diff&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Show full diff for this file">
79 <img class="icon" src="/images/icons/page_white_go.png">
78 <img class="icon" src="/images/icons/page_white_go.png">
80 </a>
79 </a>
81 <a href="/example/diff-2way/rhodecode/public/css/code-block.less?fulldiff=1&amp;diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=diff&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Show full side-by-side diff for this file">
80 <a href="/example/diff-2way/rhodecode/public/css/code-block.less?fulldiff=1&amp;diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=diff&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Show full side-by-side diff for this file">
82 <img class="icon" src="/images/icons/application_double.png">
81 <img class="icon" src="/images/icons/application_double.png">
83 </a>
82 </a>
84 <a href="/example/diff/rhodecode/public/css/code-block.less?diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=raw&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Raw diff" tt_title="Raw diff">
83 <a href="/example/diff/rhodecode/public/css/code-block.less?diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=raw&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Raw diff" tt_title="Raw diff">
85 <img class="icon" src="/images/icons/page_white.png">
84 <img class="icon" src="/images/icons/page_white.png">
86 </a>
85 </a>
87 <a href="/example/diff/rhodecode/public/css/code-block.less?diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=download&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Download diff">
86 <a href="/example/diff/rhodecode/public/css/code-block.less?diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=download&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Download diff">
88 <img class="icon" src="/images/icons/page_save.png">
87 <img class="icon" src="/images/icons/page_save.png">
89 </a>
88 </a>
90 <a class="tooltip" href="/example/changeset/d12301bafcc0aea15c9283d3af018daee2b04cd9...80ead1899f50a894889e19ffeb49c9cebf5bf045?c-e589e34d6be8-5ab783e6d81b=WS%3A1&amp;c-e589e34d6be8-5ab783e6d81b=C%3A3#c-e589e34d6be8-5ab783e6d81b" title="Ignore white space"><img alt="Ignore white space" class="icon" src="/images/icons/text_strikethrough.png"></a>
89 <a class="tooltip" href="/example/changeset/d12301bafcc0aea15c9283d3af018daee2b04cd9...80ead1899f50a894889e19ffeb49c9cebf5bf045?c-e589e34d6be8-5ab783e6d81b=WS%3A1&amp;c-e589e34d6be8-5ab783e6d81b=C%3A3#c-e589e34d6be8-5ab783e6d81b" title="Ignore white space"><img alt="Ignore white space" class="icon" src="/images/icons/text_strikethrough.png"></a>
91 <a class="tooltip" href="/example/changeset/d12301bafcc0aea15c9283d3af018daee2b04cd9...80ead1899f50a894889e19ffeb49c9cebf5bf045?c-e589e34d6be8-5ab783e6d81b=C%3A6#c-e589e34d6be8-5ab783e6d81b" title="increase diff context to 6 lines"><img alt="increase diff context to 6 lines" class="icon" src="/images/icons/table_add.png"></a>
90 <a class="tooltip" href="/example/changeset/d12301bafcc0aea15c9283d3af018daee2b04cd9...80ead1899f50a894889e19ffeb49c9cebf5bf045?c-e589e34d6be8-5ab783e6d81b=C%3A6#c-e589e34d6be8-5ab783e6d81b" title="increase diff context to 6 lines"><img alt="increase diff context to 6 lines" class="icon" src="/images/icons/table_add.png"></a>
92 </div>
91 </div>
93 <span>
92 <span>
94 <label>
93 <label>
95 Show inline comments
94 Show inline comments
96 <input checked="checked" class="show-inline-comments" id="" id_for="c-e589e34d6be8-5ab783e6d81b" name="" type="checkbox" value="1">
95 <input checked="checked" class="show-inline-comments" id="" id_for="c-e589e34d6be8-5ab783e6d81b" name="" type="checkbox" value="1">
97 </label>
96 </label>
98 </span>
97 </span>
99 </div>
98 </div>
100 </div>
99 </div>
101 <div class="code-body">
100 <div class="code-body">
102 <div class="full_f_path" path="rhodecode/public/css/code-block.less"></div>
101 <div class="full_f_path" path="rhodecode/public/css/code-block.less"></div>
103 <table class="code-difftable">
102 <table class="code-difftable">
104 <tbody><tr class="line context">
103 <tbody><tr class="line context">
105 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
104 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
106 <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
105 <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
107 <td class="code no-comment">
106 <td class="code no-comment">
108 <pre>@@ -391,7 +391,7 @@
107 <pre>@@ -391,7 +391,7 @@
109 </pre>
108 </pre>
110 </td>
109 </td>
111 </tr>
110 </tr>
112 <tr class="line unmod">
111 <tr class="line unmod">
113 <td id="rhodecodepubliccsscode-blockless_o391" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o391">391</a></td>
112 <td id="rhodecodepubliccsscode-blockless_o391" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o391">391</a></td>
114 <td id="rhodecodepubliccsscode-blockless_n391" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n391">391</a></td>
113 <td id="rhodecodepubliccsscode-blockless_n391" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n391">391</a></td>
115 <td class="code no-comment">
114 <td class="code no-comment">
116 <pre>} /* Existing line, it might have a quite long content actually and in this case we might need some horizontal scrolling. The remaining text here is just used to make this line very long.
115 <pre>} /* Existing line, it might have a quite long content actually and in this case we might need some horizontal scrolling. The remaining text here is just used to make this line very long.
117 </pre>
116 </pre>
118 </td>
117 </td>
119 </tr>
118 </tr>
120 <tr class="line unmod">
119 <tr class="line unmod">
121 <td id="rhodecodepubliccsscode-blockless_o392" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o392">392</a></td>
120 <td id="rhodecodepubliccsscode-blockless_o392" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o392">392</a></td>
122 <td id="rhodecodepubliccsscode-blockless_n392" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n392">392</a></td>
121 <td id="rhodecodepubliccsscode-blockless_n392" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n392">392</a></td>
123 <td class="code no-comment">
122 <td class="code no-comment">
124 <pre></pre>
123 <pre></pre>
125 </td>
124 </td>
126 </tr>
125 </tr>
127 <tr class="line unmod">
126 <tr class="line unmod">
128 <td id="rhodecodepubliccsscode-blockless_o393" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o393">393</a></td>
127 <td id="rhodecodepubliccsscode-blockless_o393" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o393">393</a></td>
129 <td id="rhodecodepubliccsscode-blockless_n393" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n393">393</a></td>
128 <td id="rhodecodepubliccsscode-blockless_n393" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n393">393</a></td>
130 <td class="code no-comment">
129 <td class="code no-comment">
131 <pre>.code-body.textarea.editor,
130 <pre>.code-body.textarea.editor,
132 </pre>
131 </pre>
133 </td>
132 </td>
134 </tr>
133 </tr>
135 <tr class="line del">
134 <tr class="line del">
136 <td id="rhodecodepubliccsscode-blockless_o394" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o394">394</a></td>
135 <td id="rhodecodepubliccsscode-blockless_o394" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o394">394</a></td>
137 <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n"></a></td>
136 <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n"></a></td>
138 <td class="code no-comment">
137 <td class="code no-comment">
139 <pre>div.code-body{
138 <pre>div.code-body{
140 </pre>
139 </pre>
141 </td>
140 </td>
142 </tr>
141 </tr>
143 <tr class="line add">
142 <tr class="line add">
144 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
143 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
145 <td id="rhodecodepubliccsscode-blockless_n394" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n394">394</a></td>
144 <td id="rhodecodepubliccsscode-blockless_n394" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n394">394</a></td>
146 <td class="code no-comment">
145 <td class="code no-comment">
147 <pre>div.code-body<ins> </ins>{
146 <pre>div.code-body<ins> </ins>{
148 </pre>
147 </pre>
149 </td>
148 </td>
150 </tr>
149 </tr>
151 <tr class="line unmod">
150 <tr class="line unmod">
152 <td id="rhodecodepubliccsscode-blockless_o395" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o395">395</a></td>
151 <td id="rhodecodepubliccsscode-blockless_o395" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o395">395</a></td>
153 <td id="rhodecodepubliccsscode-blockless_n395" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n395">395</a></td>
152 <td id="rhodecodepubliccsscode-blockless_n395" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n395">395</a></td>
154 <td class="code no-comment">
153 <td class="code no-comment">
155 <pre> float: left;
154 <pre> float: left;
156 </pre>
155 </pre>
157 </td>
156 </td>
158 </tr>
157 </tr>
159 <tr class="line unmod">
158 <tr class="line unmod">
160 <td id="rhodecodepubliccsscode-blockless_o396" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o396">396</a></td>
159 <td id="rhodecodepubliccsscode-blockless_o396" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o396">396</a></td>
161 <td id="rhodecodepubliccsscode-blockless_n396" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n396">396</a></td>
160 <td id="rhodecodepubliccsscode-blockless_n396" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n396">396</a></td>
162 <td class="code no-comment">
161 <td class="code no-comment">
163 <pre> position: relative;
162 <pre> position: relative;
164 </pre>
163 </pre>
165 </td>
164 </td>
166 </tr>
165 </tr>
167 <tr class="line unmod">
166 <tr class="line unmod">
168 <td id="rhodecodepubliccsscode-blockless_o397" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o397">397</a></td>
167 <td id="rhodecodepubliccsscode-blockless_o397" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o397">397</a></td>
169 <td id="rhodecodepubliccsscode-blockless_n397" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n397">397</a></td>
168 <td id="rhodecodepubliccsscode-blockless_n397" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n397">397</a></td>
170 <td class="code no-comment">
169 <td class="code no-comment">
171 <pre> max-width: none;
170 <pre> max-width: none;
172 </pre>
171 </pre>
173 </td>
172 </td>
174 </tr>
173 </tr>
175 <tr class="line context">
174 <tr class="line context">
176 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
175 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
177 <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
176 <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
178 <td class="code no-comment">
177 <td class="code no-comment">
179 <pre>@@ -399,3 +399,6 @@
178 <pre>@@ -399,3 +399,6 @@
180 </pre>
179 </pre>
181 </td>
180 </td>
182 </tr>
181 </tr>
183 <tr class="line unmod">
182 <tr class="line unmod">
184 <td id="rhodecodepubliccsscode-blockless_o399" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o399">399</a></td>
183 <td id="rhodecodepubliccsscode-blockless_o399" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o399">399</a></td>
185 <td id="rhodecodepubliccsscode-blockless_n399" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n399">399</a></td>
184 <td id="rhodecodepubliccsscode-blockless_n399" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n399">399</a></td>
186 <td class="code no-comment">
185 <td class="code no-comment">
187 <pre> box-sizing: border-box;
186 <pre> box-sizing: border-box;
188 </pre>
187 </pre>
189 </td>
188 </td>
190 </tr>
189 </tr>
191 <tr class="line unmod">
190 <tr class="line unmod">
192 <td id="rhodecodepubliccsscode-blockless_o400" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o400">400</a></td>
191 <td id="rhodecodepubliccsscode-blockless_o400" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o400">400</a></td>
193 <td id="rhodecodepubliccsscode-blockless_n400" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n400">400</a></td>
192 <td id="rhodecodepubliccsscode-blockless_n400" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n400">400</a></td>
194 <td class="code no-comment">
193 <td class="code no-comment">
195 <pre>}
194 <pre>}
196 </pre>
195 </pre>
197 </td>
196 </td>
198 </tr>
197 </tr>
199 <tr class="line unmod">
198 <tr class="line unmod">
200 <td id="rhodecodepubliccsscode-blockless_o401" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o401">401</a></td>
199 <td id="rhodecodepubliccsscode-blockless_o401" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o401">401</a></td>
201 <td id="rhodecodepubliccsscode-blockless_n401" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n401">401</a></td>
200 <td id="rhodecodepubliccsscode-blockless_n401" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n401">401</a></td>
202 <td class="code no-comment">
201 <td class="code no-comment">
203 <pre></pre>
202 <pre></pre>
204 </td>
203 </td>
205 </tr>
204 </tr>
206 <tr class="line add">
205 <tr class="line add">
207 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
206 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
208 <td id="rhodecodepubliccsscode-blockless_n402" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n402">402</a></td>
207 <td id="rhodecodepubliccsscode-blockless_n402" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n402">402</a></td>
209 <td class="code no-comment">
208 <td class="code no-comment">
210 <pre>.code-body td{
209 <pre>.code-body td{
211 </pre>
210 </pre>
212 </td>
211 </td>
213 </tr>
212 </tr>
214 <tr class="line add">
213 <tr class="line add">
215 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
214 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
216 <td id="rhodecodepubliccsscode-blockless_n403" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n403">403</a></td>
215 <td id="rhodecodepubliccsscode-blockless_n403" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n403">403</a></td>
217 <td class="code no-comment">
216 <td class="code no-comment">
218 <pre> line-height: 1.2em;
217 <pre> line-height: 1.2em;
219 </pre>
218 </pre>
220 </td>
219 </td>
221 </tr>
220 </tr>
222 <tr class="line add">
221 <tr class="line add">
223 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
222 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
224 <td id="rhodecodepubliccsscode-blockless_n404" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n404">404</a></td>
223 <td id="rhodecodepubliccsscode-blockless_n404" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n404">404</a></td>
225 <td class="code no-comment">
224 <td class="code no-comment">
226 <pre>}
225 <pre>}
227 </pre>
226 </pre>
228 </td>
227 </td>
229 </tr>
228 </tr>
230 <tr class="line context">
229 <tr class="line context">
231 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
230 <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
232 <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
231 <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
233 <td class="code no-comment">
232 <td class="code no-comment">
234 <pre> No newline at end of file
233 <pre> No newline at end of file
235 </pre>
234 </pre>
236 </td>
235 </td>
237 </tr>
236 </tr>
238 </tbody></table>
237 </tbody></table>
239 </div>
238 </div>
240 </div>
239 </div>
241
240
242
241
243
242
244
243
245
244
246
245
247 <!--
246 <!--
248 Pull Request
247 Pull Request
249 -->
248 -->
250
249
251 <h2>Pull Request</h2>
250 <h2>Pull Request</h2>
252
251
253 <div class="cs_files">
252 <div class="cs_files">
254 <table class="compare_view_files">
253 <table class="compare_view_files">
255
254
256 <tbody><tr class="cs_M collapse_file" fid="c--5f1d017cf13b">
255 <tbody><tr class="cs_M collapse_file" fid="c--5f1d017cf13b">
257 <td class="cs_icon_td">
256 <td class="cs_icon_td">
258 <span class="collapse_file_icon" fid="c--5f1d017cf13b"></span>
257 <span class="collapse_file_icon" fid="c--5f1d017cf13b"></span>
259 </td>
258 </td>
260 <td class="cs_icon_td">
259 <td class="cs_icon_td">
261 <div class="flag_status not_reviewed hidden"></div>
260 <div class="flag_status not_reviewed hidden"></div>
262 </td>
261 </td>
263 <td id="a_c--5f1d017cf13b">
262 <td id="a_c--5f1d017cf13b">
264 <a class="compare_view_filepath" href="#a_c--5f1d017cf13b">
263 <a class="compare_view_filepath" href="#a_c--5f1d017cf13b">
265 rhodecode/public/css/main.less
264 rhodecode/public/css/main.less
266 </a>
265 </a>
267 <span id="diff_c--5f1d017cf13b" class="diff_links" style="">
266 <span id="diff_c--5f1d017cf13b" class="diff_links" style="">
268 <a href="/example/diff/rhodecode/public/css/main.less?fulldiff=1&amp;diff1=f73e9946825c8a7ef2c1178cd1e67986d5831f8f&amp;diff=diff&amp;diff2=27eb56cf467ca849112536d62decb2ed020b3ebc">
267 <a href="/example/diff/rhodecode/public/css/main.less?fulldiff=1&amp;diff1=f73e9946825c8a7ef2c1178cd1e67986d5831f8f&amp;diff=diff&amp;diff2=27eb56cf467ca849112536d62decb2ed020b3ebc">
269 Unified Diff
268 Unified Diff
270 </a>
269 </a>
271 |
270 |
272 <a href="/example/diff-2way/rhodecode/public/css/main.less?fulldiff=1&amp;diff1=f73e9946825c8a7ef2c1178cd1e67986d5831f8f&amp;diff=diff&amp;diff2=27eb56cf467ca849112536d62decb2ed020b3ebc">
271 <a href="/example/diff-2way/rhodecode/public/css/main.less?fulldiff=1&amp;diff1=f73e9946825c8a7ef2c1178cd1e67986d5831f8f&amp;diff=diff&amp;diff2=27eb56cf467ca849112536d62decb2ed020b3ebc">
273 Side-by-side Diff
272 Side-by-side Diff
274 </a>
273 </a>
275 </span>
274 </span>
276 </td>
275 </td>
277 <td>
276 <td>
278 <div class="changes pull-right"><div style="width:100px"><div class="added top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:33.3333333333%">1</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:66.6666666667%">2</div></div></div>
277 <div class="changes pull-right"><div style="width:100px"><div class="added top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:33.3333333333%">1</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:66.6666666667%">2</div></div></div>
279 <div class="comment-bubble pull-right" data-path="rhodecode/public/css/main.less">
278 <div class="comment-bubble pull-right" data-path="rhodecode/public/css/main.less">
280 <i class="icon-comment"></i>
279 <i class="icon-comment"></i>
281 </div>
280 </div>
282 </td>
281 </td>
283 </tr>
282 </tr>
284 <tr id="tr_c--5f1d017cf13b">
283 <tr id="tr_c--5f1d017cf13b">
285 <td></td>
284 <td></td>
286 <td></td>
285 <td></td>
287 <td class="injected_diff" colspan="2">
286 <td class="injected_diff" colspan="2">
288
287
289 <div class="diff-container" id="diff-container-140360026534904">
288 <div class="diff-container" id="diff-container-140360026534904">
290 <div id="c--5f1d017cf13b_target"></div>
289 <div id="c--5f1d017cf13b_target"></div>
291 <div id="c--5f1d017cf13b" class="diffblock margined comm">
290 <div id="c--5f1d017cf13b" class="diffblock margined comm">
292 <div class="code-body">
291 <div class="code-body">
293 <div class="full_f_path" path="rhodecode/public/css/main.less" style="display: none;"></div>
292 <div class="full_f_path" path="rhodecode/public/css/main.less" style="display: none;"></div>
294 <table class="code-difftable">
293 <table class="code-difftable">
295 <tbody><tr class="line context">
294 <tbody><tr class="line context">
296 <td class="lineno old"><a href="#rhodecodepubliccssmainless_o...">...</a></td>
295 <td class="lineno old"><a href="#rhodecodepubliccssmainless_o...">...</a></td>
297 <td class="lineno new"><a href="#rhodecodepubliccssmainless_n...">...</a></td>
296 <td class="lineno new"><a href="#rhodecodepubliccssmainless_n...">...</a></td>
298 <td class="code ">
297 <td class="code ">
299 <pre>@@ -2110,7 +2110,6 @@
298 <pre>@@ -2110,7 +2110,6 @@
300 </pre>
299 </pre>
301 </td>
300 </td>
302 </tr>
301 </tr>
303 <tr class="line unmod">
302 <tr class="line unmod">
304 <td id="rhodecodepubliccssmainless_o2110" class="lineno old"><a href="#rhodecodepubliccssmainless_o2110">2110</a></td>
303 <td id="rhodecodepubliccssmainless_o2110" class="lineno old"><a href="#rhodecodepubliccssmainless_o2110">2110</a></td>
305 <td id="rhodecodepubliccssmainless_n2110" class="lineno new"><a href="#rhodecodepubliccssmainless_n2110">2110</a></td>
304 <td id="rhodecodepubliccssmainless_n2110" class="lineno new"><a href="#rhodecodepubliccssmainless_n2110">2110</a></td>
306 <td class="code ">
305 <td class="code ">
307 <pre><span class="tab-escape"> </span>width: auto !important;
306 <pre><span class="tab-escape"> </span>width: auto !important;
308 </pre>
307 </pre>
309 </td>
308 </td>
310 </tr>
309 </tr>
311 <tr class="line unmod">
310 <tr class="line unmod">
312 <td id="rhodecodepubliccssmainless_o2111" class="lineno old"><a href="#rhodecodepubliccssmainless_o2111">2111</a></td>
311 <td id="rhodecodepubliccssmainless_o2111" class="lineno old"><a href="#rhodecodepubliccssmainless_o2111">2111</a></td>
313 <td id="rhodecodepubliccssmainless_n2111" class="lineno new"><a href="#rhodecodepubliccssmainless_n2111">2111</a></td>
312 <td id="rhodecodepubliccssmainless_n2111" class="lineno new"><a href="#rhodecodepubliccssmainless_n2111">2111</a></td>
314 <td class="code ">
313 <td class="code ">
315 <pre><span class="tab-escape"> </span>min-width: 160px;
314 <pre><span class="tab-escape"> </span>min-width: 160px;
316 </pre>
315 </pre>
317 </td>
316 </td>
318 </tr>
317 </tr>
319 <tr class="line unmod">
318 <tr class="line unmod">
320 <td id="rhodecodepubliccssmainless_o2112" class="lineno old"><a href="#rhodecodepubliccssmainless_o2112">2112</a></td>
319 <td id="rhodecodepubliccssmainless_o2112" class="lineno old"><a href="#rhodecodepubliccssmainless_o2112">2112</a></td>
321 <td id="rhodecodepubliccssmainless_n2112" class="lineno new"><a href="#rhodecodepubliccssmainless_n2112">2112</a></td>
320 <td id="rhodecodepubliccssmainless_n2112" class="lineno new"><a href="#rhodecodepubliccssmainless_n2112">2112</a></td>
322 <td class="code ">
321 <td class="code ">
323 <pre><span class="tab-escape"> </span>margin: @padding @padding @padding 0;
322 <pre><span class="tab-escape"> </span>margin: @padding @padding @padding 0;
324 </pre>
323 </pre>
325 </td>
324 </td>
326 </tr>
325 </tr>
327 <tr class="line del">
326 <tr class="line del">
328 <td id="rhodecodepubliccssmainless_o2113" class="lineno old"><a href="#rhodecodepubliccssmainless_o2113">2113</a></td>
327 <td id="rhodecodepubliccssmainless_o2113" class="lineno old"><a href="#rhodecodepubliccssmainless_o2113">2113</a></td>
329 <td class="lineno new"><a href="#rhodecodepubliccssmainless_n"></a></td>
328 <td class="lineno new"><a href="#rhodecodepubliccssmainless_n"></a></td>
330 <td class="code ">
329 <td class="code ">
331 <pre><span class="tab-escape"> </span>padding: .9em; /* Old comment which was making this line a very long line so that we might have to deal with it by either adding horizontal scrolling or some smart way of breaking this line. */
330 <pre><span class="tab-escape"> </span>padding: .9em; /* Old comment which was making this line a very long line so that we might have to deal with it by either adding horizontal scrolling or some smart way of breaking this line. */
332 </pre>
331 </pre>
333 </td>
332 </td>
334 </tr>
333 </tr>
335 <tr class="line unmod">
334 <tr class="line unmod">
336 <td id="rhodecodepubliccssmainless_o2114" class="lineno old"><a href="#rhodecodepubliccssmainless_o2114">2114</a></td>
335 <td id="rhodecodepubliccssmainless_o2114" class="lineno old"><a href="#rhodecodepubliccssmainless_o2114">2114</a></td>
337 <td id="rhodecodepubliccssmainless_n2113" class="lineno new"><a href="#rhodecodepubliccssmainless_n2113">2113</a></td>
336 <td id="rhodecodepubliccssmainless_n2113" class="lineno new"><a href="#rhodecodepubliccssmainless_n2113">2113</a></td>
338 <td class="code ">
337 <td class="code ">
339 <pre> line-height: 1em;
338 <pre> line-height: 1em;
340 </pre>
339 </pre>
341 </td>
340 </td>
342 </tr>
341 </tr>
343 <tr class="line unmod">
342 <tr class="line unmod">
344 <td id="rhodecodepubliccssmainless_o2115" class="lineno old"><a href="#rhodecodepubliccssmainless_o2115">2115</a></td>
343 <td id="rhodecodepubliccssmainless_o2115" class="lineno old"><a href="#rhodecodepubliccssmainless_o2115">2115</a></td>
345 <td id="rhodecodepubliccssmainless_n2114" class="lineno new"><a href="#rhodecodepubliccssmainless_n2114">2114</a></td>
344 <td id="rhodecodepubliccssmainless_n2114" class="lineno new"><a href="#rhodecodepubliccssmainless_n2114">2114</a></td>
346 <td class="code ">
345 <td class="code ">
347 <pre><span class="tab-escape"> </span>z-index: 100;//js sets the menu below it to 9999
346 <pre><span class="tab-escape"> </span>z-index: 100;//js sets the menu below it to 9999
348 </pre>
347 </pre>
349 </td>
348 </td>
350 </tr>
349 </tr>
351 <tr class="line unmod">
350 <tr class="line unmod">
352 <td id="rhodecodepubliccssmainless_o2116" class="lineno old"><a href="#rhodecodepubliccssmainless_o2116">2116</a></td>
351 <td id="rhodecodepubliccssmainless_o2116" class="lineno old"><a href="#rhodecodepubliccssmainless_o2116">2116</a></td>
353 <td id="rhodecodepubliccssmainless_n2115" class="lineno new"><a href="#rhodecodepubliccssmainless_n2115">2115</a></td>
352 <td id="rhodecodepubliccssmainless_n2115" class="lineno new"><a href="#rhodecodepubliccssmainless_n2115">2115</a></td>
354 <td class="code ">
353 <td class="code ">
355 <pre><span class="tab-escape"> </span>background-color: white;
354 <pre><span class="tab-escape"> </span>background-color: white;
356 </pre>
355 </pre>
357 </td>
356 </td>
358 </tr>
357 </tr>
359 <tr class="line context">
358 <tr class="line context">
360 <td class="lineno old"><a href="#rhodecodepubliccssmainless_o...">...</a></td>
359 <td class="lineno old"><a href="#rhodecodepubliccssmainless_o...">...</a></td>
361 <td class="lineno new"><a href="#rhodecodepubliccssmainless_n...">...</a></td>
360 <td class="lineno new"><a href="#rhodecodepubliccssmainless_n...">...</a></td>
362 <td class="code ">
361 <td class="code ">
363 <pre>@@ -2118,7 +2117,7 @@
362 <pre>@@ -2118,7 +2117,7 @@
364 </pre>
363 </pre>
365 </td>
364 </td>
366 </tr>
365 </tr>
367 <tr class="line unmod">
366 <tr class="line unmod">
368 <td id="rhodecodepubliccssmainless_o2118" class="lineno old"><a href="#rhodecodepubliccssmainless_o2118">2118</a></td>
367 <td id="rhodecodepubliccssmainless_o2118" class="lineno old"><a href="#rhodecodepubliccssmainless_o2118">2118</a></td>
369 <td id="rhodecodepubliccssmainless_n2117" class="lineno new"><a href="#rhodecodepubliccssmainless_n2117">2117</a></td>
368 <td id="rhodecodepubliccssmainless_n2117" class="lineno new"><a href="#rhodecodepubliccssmainless_n2117">2117</a></td>
370 <td class="code ">
369 <td class="code ">
371 <pre></pre>
370 <pre></pre>
372 </td>
371 </td>
373 </tr>
372 </tr>
374 <tr class="line unmod">
373 <tr class="line unmod">
375 <td id="rhodecodepubliccssmainless_o2119" class="lineno old"><a href="#rhodecodepubliccssmainless_o2119">2119</a></td>
374 <td id="rhodecodepubliccssmainless_o2119" class="lineno old"><a href="#rhodecodepubliccssmainless_o2119">2119</a></td>
376 <td id="rhodecodepubliccssmainless_n2118" class="lineno new"><a href="#rhodecodepubliccssmainless_n2118">2118</a></td>
375 <td id="rhodecodepubliccssmainless_n2118" class="lineno new"><a href="#rhodecodepubliccssmainless_n2118">2118</a></td>
377 <td class="code ">
376 <td class="code ">
378 <pre><span class="tab-escape"> </span>a {
377 <pre><span class="tab-escape"> </span>a {
379 </pre>
378 </pre>
380 </td>
379 </td>
381 </tr>
380 </tr>
382 <tr class="line unmod">
381 <tr class="line unmod">
383 <td id="rhodecodepubliccssmainless_o2120" class="lineno old"><a href="#rhodecodepubliccssmainless_o2120">2120</a></td>
382 <td id="rhodecodepubliccssmainless_o2120" class="lineno old"><a href="#rhodecodepubliccssmainless_o2120">2120</a></td>
384 <td id="rhodecodepubliccssmainless_n2119" class="lineno new"><a href="#rhodecodepubliccssmainless_n2119">2119</a></td>
383 <td id="rhodecodepubliccssmainless_n2119" class="lineno new"><a href="#rhodecodepubliccssmainless_n2119">2119</a></td>
385 <td class="code ">
384 <td class="code ">
386 <pre><span class="tab-escape"> </span><span class="tab-escape"> </span>display:block;
385 <pre><span class="tab-escape"> </span><span class="tab-escape"> </span>display:block;
387 </pre>
386 </pre>
388 </td>
387 </td>
389 </tr>
388 </tr>
390 <tr class="line del">
389 <tr class="line del">
391 <td id="rhodecodepubliccssmainless_o2121" class="lineno old"><a href="#rhodecodepubliccssmainless_o2121">2121</a></td>
390 <td id="rhodecodepubliccssmainless_o2121" class="lineno old"><a href="#rhodecodepubliccssmainless_o2121">2121</a></td>
392 <td class="lineno new"><a href="#rhodecodepubliccssmainless_n"></a></td>
391 <td class="lineno new"><a href="#rhodecodepubliccssmainless_n"></a></td>
393 <td class="code ">
392 <td class="code ">
394 <pre><span class="tab-escape"> </span><del><span< del=""> <del>class=</del><del>"tab-escape"</del><del>&gt; </del>padding: <del>0</del>;
393 <pre><span class="tab-escape"> </span><del><span< del=""> <del>class=</del><del>"tab-escape"</del><del>&gt; </del>padding: <del>0</del>;
395 </span<></del></pre>
394 </span<></del></pre>
396 </td>
395 </td>
397 </tr>
396 </tr>
398 <tr class="line add">
397 <tr class="line add">
399 <td class="lineno old"><a href="#rhodecodepubliccssmainless_o"></a></td>
398 <td class="lineno old"><a href="#rhodecodepubliccssmainless_o"></a></td>
400 <td id="rhodecodepubliccssmainless_n2120" class="lineno new"><a href="#rhodecodepubliccssmainless_n2120">2120</a></td>
399 <td id="rhodecodepubliccssmainless_n2120" class="lineno new"><a href="#rhodecodepubliccssmainless_n2120">2120</a></td>
401 <td class="code ">
400 <td class="code ">
402 <pre><span class="tab-escape"> </span><ins> </ins> <ins> </ins><ins> </ins>padding: <ins>.9em</ins>;
401 <pre><span class="tab-escape"> </span><ins> </ins> <ins> </ins><ins> </ins>padding: <ins>.9em</ins>;
403 </pre>
402 </pre>
404 </td>
403 </td>
405 </tr>
404 </tr>
406 <tr class="line unmod">
405 <tr class="line unmod">
407 <td id="rhodecodepubliccssmainless_o2122" class="lineno old"><a href="#rhodecodepubliccssmainless_o2122">2122</a></td>
406 <td id="rhodecodepubliccssmainless_o2122" class="lineno old"><a href="#rhodecodepubliccssmainless_o2122">2122</a></td>
408 <td id="rhodecodepubliccssmainless_n2121" class="lineno new"><a href="#rhodecodepubliccssmainless_n2121">2121</a></td>
407 <td id="rhodecodepubliccssmainless_n2121" class="lineno new"><a href="#rhodecodepubliccssmainless_n2121">2121</a></td>
409 <td class="code ">
408 <td class="code ">
410 <pre></pre>
409 <pre></pre>
411 </td>
410 </td>
412 </tr>
411 </tr>
413 <tr class="line unmod">
412 <tr class="line unmod">
414 <td id="rhodecodepubliccssmainless_o2123" class="lineno old"><a href="#rhodecodepubliccssmainless_o2123">2123</a></td>
413 <td id="rhodecodepubliccssmainless_o2123" class="lineno old"><a href="#rhodecodepubliccssmainless_o2123">2123</a></td>
415 <td id="rhodecodepubliccssmainless_n2122" class="lineno new"><a href="#rhodecodepubliccssmainless_n2122">2122</a></td>
414 <td id="rhodecodepubliccssmainless_n2122" class="lineno new"><a href="#rhodecodepubliccssmainless_n2122">2122</a></td>
416 <td class="code ">
415 <td class="code ">
417 <pre><span class="tab-escape"> </span><span class="tab-escape"> </span>&amp;:after {
416 <pre><span class="tab-escape"> </span><span class="tab-escape"> </span>&amp;:after {
418 </pre>
417 </pre>
419 </td>
418 </td>
420 </tr>
419 </tr>
421 <tr class="line unmod">
420 <tr class="line unmod">
422 <td id="rhodecodepubliccssmainless_o2124" class="lineno old"><a href="#rhodecodepubliccssmainless_o2124">2124</a></td>
421 <td id="rhodecodepubliccssmainless_o2124" class="lineno old"><a href="#rhodecodepubliccssmainless_o2124">2124</a></td>
423 <td id="rhodecodepubliccssmainless_n2123" class="lineno new"><a href="#rhodecodepubliccssmainless_n2123">2123</a></td>
422 <td id="rhodecodepubliccssmainless_n2123" class="lineno new"><a href="#rhodecodepubliccssmainless_n2123">2123</a></td>
424 <td class="code ">
423 <td class="code ">
425 <pre><span class="tab-escape"> </span><span class="tab-escape"> </span><span class="tab-escape"> </span>content: "\00A0\25BE";
424 <pre><span class="tab-escape"> </span><span class="tab-escape"> </span><span class="tab-escape"> </span>content: "\00A0\25BE";
426 </pre>
425 </pre>
427 </td>
426 </td>
428 </tr>
427 </tr>
429 </tbody></table>
428 </tbody></table>
430 </div>
429 </div>
431 </div>
430 </div>
432 </div>
431 </div>
433
432
434 </td>
433 </td>
435 </tr>
434 </tr>
436 </tbody></table>
435 </tbody></table>
437 </div>
436 </div>
438
437
439
438
440
439
441
440
442
441
443
442
444
443
445
444
446
445
447 <!--
446 <!--
448 File View
447 File View
449 -->
448 -->
450
449
451 ##TODO: lisa: I believe this needs to be updated as the layout has changed.
450 ##TODO: lisa: I believe this needs to be updated as the layout has changed.
452 <h2>File View</h2>
451 <h2>File View</h2>
453
452
454 <div class="codeblock">
453 <div class="codeblock">
455 <div class="code-header">
454 <div class="code-header">
456 <div class="stats">
455 <div class="stats">
457 <div class="img">
456 <div class="img">
458 <i class="icon-file"></i>
457 <i class="icon-file"></i>
459 <span class="revision_id item"><a href="/example/changeset/fc252256eb0fcb4f2613e66f0126ea27967ae28c">r5487:fc252256eb0f</a></span>
458 <span class="revision_id item"><a href="/example/changeset/fc252256eb0fcb4f2613e66f0126ea27967ae28c">r5487:fc252256eb0f</a></span>
460 <span>1.2 KiB</span>
459 <span>1.2 KiB</span>
461 <span class="item last">text/x-python</span>
460 <span class="item last">text/x-python</span>
462 <div class="buttons">
461 <div class="buttons">
463
462
464 <a id="file_history_overview" class="btn btn-mini" href="#">
463 <a id="file_history_overview" class="btn btn-mini" href="#">
465 <i class="icon-time"></i> history
464 <i class="icon-time"></i> history
466 </a>
465 </a>
467 <a id="file_history_overview_full" class="btn btn-mini" style="display: none" href="/example/changelog/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">
466 <a id="file_history_overview_full" class="btn btn-mini" style="display: none" href="/example/changelog/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">
468 <i class="icon-time"></i> show full history
467 <i class="icon-time"></i> show full history
469 </a>
468 </a>
470 <a class="btn btn-mini" href="/example/annotate/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">annotation</a>
469 <a class="btn btn-mini" href="/example/annotate/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">annotation</a>
471 <a class="btn btn-mini" href="/example/raw/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">raw</a>
470 <a class="btn btn-mini" href="/example/raw/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">raw</a>
472 <a class="btn btn-mini" href="/example/rawfile/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">
471 <a class="btn btn-mini" href="/example/rawfile/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">
473 download
472 download
474 </a>
473 </a>
475
474
476 <a class="btn btn-mini disabled tooltip" href="#" title="Editing files allowed only when on branch head commit">edit</a>
475 <a class="btn btn-mini disabled tooltip" href="#" title="Editing files allowed only when on branch head commit">edit</a>
477 <a class="btn btn-mini btn-danger disabled tooltip" href="#" title="Deleting files allowed only when on branch head commit">delete</a>
476 <a class="btn btn-mini btn-danger disabled tooltip" href="#" title="Deleting files allowed only when on branch head commit">delete</a>
478 </div>
477 </div>
479 </div>
478 </div>
480 </div>
479 </div>
481 <div id="file_history_container"></div>
480 <div id="file_history_container"></div>
482 <div class="author">
481 <div class="author">
483 <div class="gravatar">
482 <div class="gravatar">
484 <img alt="gravatar" src="https://secure.gravatar.com/avatar/99e27b99c64003ca8c9875c9e3843495?d=identicon&amp;s=32" height="16" width="16">
483 <img alt="gravatar" src="https://secure.gravatar.com/avatar/99e27b99c64003ca8c9875c9e3843495?d=identicon&amp;s=32" height="16" width="16">
485 </div>
484 </div>
486 <div title="Marcin Kuzminski <marcin@python-works.com>" class="user">Marcin Kuzminski - <span class="tooltip" title="Wed, 02 Jul 2014 08:48:15">6m and 12d ago</span></div>
485 <div title="Marcin Kuzminski <marcin@python-works.com>" class="user">Marcin Kuzminski - <span class="tooltip" title="Wed, 02 Jul 2014 08:48:15">6m and 12d ago</span></div>
487 </div>
486 </div>
488 <div id="trimmed_message_box" class="commit">License changes</div>
487 <div id="trimmed_message_box" class="commit">License changes</div>
489 <div id="message_expand" style="display: none;">
488 <div id="message_expand" style="display: none;">
490 <i class="icon-resize-vertical"></i>
489 <i class="icon-resize-vertical"></i>
491 expand
490 expand
492 <i class="icon-resize-vertical"></i>
491 <i class="icon-resize-vertical"></i>
493 </div>
492 </div>
494 </div>
493 </div>
495 <div class="code-body">
494 <div class="code-body">
496 <table class="code-highlighttable"><tbody><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L1"> 1</a>
495 <table class="code-highlighttable"><tbody><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L1"> 1</a>
497 <a href="#L2"> 2</a>
496 <a href="#L2"> 2</a>
498 <a href="#L3"> 3</a>
497 <a href="#L3"> 3</a>
499 <a href="#L4"> 4</a>
498 <a href="#L4"> 4</a>
500 <a href="#L5"> 5</a>
499 <a href="#L5"> 5</a>
501 <a href="#L6"> 6</a>
500 <a href="#L6"> 6</a>
502 <a href="#L7"> 7</a>
501 <a href="#L7"> 7</a>
503 <a href="#L8"> 8</a>
502 <a href="#L8"> 8</a>
504 <a href="#L9"> 9</a>
503 <a href="#L9"> 9</a>
505 <a href="#L10">10</a>
504 <a href="#L10">10</a>
506 <a href="#L11">11</a>
505 <a href="#L11">11</a>
507 <a href="#L12">12</a>
506 <a href="#L12">12</a>
508 <a href="#L13">13</a>
507 <a href="#L13">13</a>
509 <a href="#L14">14</a>
508 <a href="#L14">14</a>
510 <a href="#L15">15</a>
509 <a href="#L15">15</a>
511 <a href="#L16">16</a>
510 <a href="#L16">16</a>
512 <a href="#L17">17</a>
511 <a href="#L17">17</a>
513 <a href="#L18">18</a>
512 <a href="#L18">18</a>
514 <a href="#L19">19</a>
513 <a href="#L19">19</a>
515 <a href="#L20">20</a>
514 <a href="#L20">20</a>
516 <a href="#L21">21</a>
515 <a href="#L21">21</a>
517 <a href="#L22">22</a>
516 <a href="#L22">22</a>
518 <a href="#L23">23</a>
517 <a href="#L23">23</a>
519 <a href="#L24">24</a>
518 <a href="#L24">24</a>
520 <a href="#L25">25</a>
519 <a href="#L25">25</a>
521 <a href="#L26">26</a>
520 <a href="#L26">26</a>
522 <a href="#L27">27</a>
521 <a href="#L27">27</a>
523 <a href="#L28">28</a>
522 <a href="#L28">28</a>
524 <a href="#L29">29</a>
523 <a href="#L29">29</a>
525 <a href="#L30">30</a>
524 <a href="#L30">30</a>
526 <a href="#L31">31</a>
525 <a href="#L31">31</a>
527 <a href="#L32">32</a>
526 <a href="#L32">32</a>
528 <a href="#L33">33</a>
527 <a href="#L33">33</a>
529 <a href="#L34">34</a>
528 <a href="#L34">34</a>
530 <a href="#L35">35</a>
529 <a href="#L35">35</a>
531 <a href="#L36">36</a>
530 <a href="#L36">36</a>
532 <a href="#L37">37</a>
531 <a href="#L37">37</a>
533 <a href="#L38">38</a>
532 <a href="#L38">38</a>
534 <a href="#L39">39</a>
533 <a href="#L39">39</a>
535 <a href="#L40">40</a>
534 <a href="#L40">40</a>
536 <a href="#L41">41</a>
535 <a href="#L41">41</a>
537 <a href="#L42">42</a></pre></div></td><td id="hlcode" class="code"><div class="code-highlight"><pre><div id="L1"><a name="L-1"></a><span class="c"># -*- coding: utf-8 -*-</span>
536 <a href="#L42">42</a></pre></div></td><td id="hlcode" class="code"><div class="code-highlight"><pre><div id="L1"><a name="L-1"></a><span class="c"></span>
538 </div><div id="L2"><a name="L-2"></a>
537 </div><div id="L2"><a name="L-2"></a>
539 </div><div id="L3"><a name="L-3"></a><span class="c"># Published under Business Source License.</span>
538 </div><div id="L3"><a name="L-3"></a><span class="c"># Published under Business Source License.</span>
540 </div><div id="L4"><a name="L-4"></a><span class="c"># Read the full license text at https://rhodecode.com/licenses.</span>
539 </div><div id="L4"><a name="L-4"></a><span class="c"># Read the full license text at https://rhodecode.com/licenses.</span>
541 </div><div id="L5"><a name="L-5"></a><span class="sd">"""</span>
540 </div><div id="L5"><a name="L-5"></a><span class="sd">"""</span>
542 </div><div id="L6"><a name="L-6"></a><span class="sd">rhodecode.websetup</span>
541 </div><div id="L6"><a name="L-6"></a><span class="sd">rhodecode.websetup</span>
543 </div><div id="L7"><a name="L-7"></a><span class="sd">~~~~~~~~~~~~~~~~~~</span>
542 </div><div id="L7"><a name="L-7"></a><span class="sd">~~~~~~~~~~~~~~~~~~</span>
544 </div><div id="L8"><a name="L-8"></a>
543 </div><div id="L8"><a name="L-8"></a>
545 </div><div id="L9"><a name="L-9"></a><span class="sd">Weboperations and setup for rhodecode. Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</span>
544 </div><div id="L9"><a name="L-9"></a><span class="sd">Weboperations and setup for rhodecode. Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</span>
546 </div><div id="L10"><a name="L-10"></a>
545 </div><div id="L10"><a name="L-10"></a>
547 </div><div id="L11"><a name="L-11"></a><span class="sd">:created_on: Dec 11, 2010</span>
546 </div><div id="L11"><a name="L-11"></a><span class="sd">:created_on: Dec 11, 2010</span>
548 </div><div id="L12"><a name="L-12"></a><span class="sd">:author: marcink</span>
547 </div><div id="L12"><a name="L-12"></a><span class="sd">:author: marcink</span>
549 </div><div id="L13"><a name="L-13"></a><span class="sd">:copyright: (c) 2013-2015 RhodeCode GmbH.</span>
548 </div><div id="L13"><a name="L-13"></a><span class="sd">:copyright: (c) 2013-2015 RhodeCode GmbH.</span>
550 </div><div id="L14"><a name="L-14"></a><span class="sd">:license: Business Source License, see LICENSE for more details.</span>
549 </div><div id="L14"><a name="L-14"></a><span class="sd">:license: Business Source License, see LICENSE for more details.</span>
551 </div><div id="L15"><a name="L-15"></a><span class="sd">"""</span>
550 </div><div id="L15"><a name="L-15"></a><span class="sd">"""</span>
552 </div><div id="L16"><a name="L-16"></a>
551 </div><div id="L16"><a name="L-16"></a>
553 </div><div id="L17"><a name="L-17"></a><span class="kn">import</span> <span class="nn">logging</span>
552 </div><div id="L17"><a name="L-17"></a><span class="kn">import</span> <span class="nn">logging</span>
554 </div><div id="L18"><a name="L-18"></a>
553 </div><div id="L18"><a name="L-18"></a>
555 </div><div id="L19"><a name="L-19"></a><span class="kn">from</span> <span class="nn">rhodecode.config.environment</span> <span class="kn">import</span> <span class="n">load_environment</span>
554 </div><div id="L19"><a name="L-19"></a><span class="kn">from</span> <span class="nn">rhodecode.config.environment</span> <span class="kn">import</span> <span class="n">load_environment</span>
556 </div><div id="L20"><a name="L-20"></a><span class="kn">from</span> <span class="nn">rhodecode.lib.db_manage</span> <span class="kn">import</span> <span class="n">DbManage</span>
555 </div><div id="L20"><a name="L-20"></a><span class="kn">from</span> <span class="nn">rhodecode.lib.db_manage</span> <span class="kn">import</span> <span class="n">DbManage</span>
557 </div><div id="L21"><a name="L-21"></a><span class="kn">from</span> <span class="nn">rhodecode.model.meta</span> <span class="kn">import</span> <span class="n">Session</span>
556 </div><div id="L21"><a name="L-21"></a><span class="kn">from</span> <span class="nn">rhodecode.model.meta</span> <span class="kn">import</span> <span class="n">Session</span>
558 </div><div id="L22"><a name="L-22"></a>
557 </div><div id="L22"><a name="L-22"></a>
559 </div><div id="L23"><a name="L-23"></a>
558 </div><div id="L23"><a name="L-23"></a>
560 </div><div id="L24"><a name="L-24"></a><span class="n">log</span> <span class="o">=</span> <span class="n">logging</span><span class="o">.</span><span class="n">getLogger</span><span class="p">(</span><span class="n">__name__</span><span class="p">)</span>
559 </div><div id="L24"><a name="L-24"></a><span class="n">log</span> <span class="o">=</span> <span class="n">logging</span><span class="o">.</span><span class="n">getLogger</span><span class="p">(</span><span class="n">__name__</span><span class="p">)</span>
561 </div><div id="L25"><a name="L-25"></a>
560 </div><div id="L25"><a name="L-25"></a>
562 </div><div id="L26"><a name="L-26"></a>
561 </div><div id="L26"><a name="L-26"></a>
563 </div><div id="L27"><a name="L-27"></a><span class="k">def</span> <span class="nf">setup_app</span><span class="p">(</span><span class="n">command</span><span class="p">,</span> <span class="n">conf</span><span class="p">,</span> <span class="nb">vars</span><span class="p">):</span>
562 </div><div id="L27"><a name="L-27"></a><span class="k">def</span> <span class="nf">setup_app</span><span class="p">(</span><span class="n">command</span><span class="p">,</span> <span class="n">conf</span><span class="p">,</span> <span class="nb">vars</span><span class="p">):</span>
564 </div><div id="L28"><a name="L-28"></a> <span class="sd">"""Place any commands to setup rhodecode here"""</span>
563 </div><div id="L28"><a name="L-28"></a> <span class="sd">"""Place any commands to setup rhodecode here"""</span>
565 </div><div id="L29"><a name="L-29"></a> <span class="n">dbconf</span> <span class="o">=</span> <span class="n">conf</span><span class="p">[</span><span class="s">'sqlalchemy.db1.url'</span><span class="p">]</span>
564 </div><div id="L29"><a name="L-29"></a> <span class="n">dbconf</span> <span class="o">=</span> <span class="n">conf</span><span class="p">[</span><span class="s">'sqlalchemy.db1.url'</span><span class="p">]</span>
566 </div><div id="L30"><a name="L-30"></a> <span class="n">dbmanage</span> <span class="o">=</span> <span class="n">DbManage</span><span class="p">(</span><span class="n">log_sql</span><span class="o">=</span><span class="bp">True</span><span class="p">,</span> <span class="n">dbconf</span><span class="o">=</span><span class="n">dbconf</span><span class="p">,</span> <span class="n">root</span><span class="o">=</span><span class="n">conf</span><span class="p">[</span><span class="s">'here'</span><span class="p">],</span>
565 </div><div id="L30"><a name="L-30"></a> <span class="n">dbmanage</span> <span class="o">=</span> <span class="n">DbManage</span><span class="p">(</span><span class="n">log_sql</span><span class="o">=</span><span class="bp">True</span><span class="p">,</span> <span class="n">dbconf</span><span class="o">=</span><span class="n">dbconf</span><span class="p">,</span> <span class="n">root</span><span class="o">=</span><span class="n">conf</span><span class="p">[</span><span class="s">'here'</span><span class="p">],</span>
567 </div><div id="L31"><a name="L-31"></a> <span class="n">tests</span><span class="o">=</span><span class="bp">False</span><span class="p">,</span> <span class="n">cli_args</span><span class="o">=</span><span class="n">command</span><span class="o">.</span><span class="n">options</span><span class="o">.</span><span class="n">__dict__</span><span class="p">)</span>
566 </div><div id="L31"><a name="L-31"></a> <span class="n">tests</span><span class="o">=</span><span class="bp">False</span><span class="p">,</span> <span class="n">cli_args</span><span class="o">=</span><span class="n">command</span><span class="o">.</span><span class="n">options</span><span class="o">.</span><span class="n">__dict__</span><span class="p">)</span>
568 </div><div id="L32"><a name="L-32"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_tables</span><span class="p">(</span><span class="n">override</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
567 </div><div id="L32"><a name="L-32"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_tables</span><span class="p">(</span><span class="n">override</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
569 </div><div id="L33"><a name="L-33"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">set_db_version</span><span class="p">()</span>
568 </div><div id="L33"><a name="L-33"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">set_db_version</span><span class="p">()</span>
570 </div><div id="L34"><a name="L-34"></a> <span class="n">opts</span> <span class="o">=</span> <span class="n">dbmanage</span><span class="o">.</span><span class="n">config_prompt</span><span class="p">(</span><span class="bp">None</span><span class="p">)</span>
569 </div><div id="L34"><a name="L-34"></a> <span class="n">opts</span> <span class="o">=</span> <span class="n">dbmanage</span><span class="o">.</span><span class="n">config_prompt</span><span class="p">(</span><span class="bp">None</span><span class="p">)</span>
571 </div><div id="L35"><a name="L-35"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_settings</span><span class="p">(</span><span class="n">opts</span><span class="p">)</span>
570 </div><div id="L35"><a name="L-35"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_settings</span><span class="p">(</span><span class="n">opts</span><span class="p">)</span>
572 </div><div id="L36"><a name="L-36"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_default_user</span><span class="p">()</span>
571 </div><div id="L36"><a name="L-36"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_default_user</span><span class="p">()</span>
573 </div><div id="L37"><a name="L-37"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">admin_prompt</span><span class="p">()</span>
572 </div><div id="L37"><a name="L-37"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">admin_prompt</span><span class="p">()</span>
574 </div><div id="L38"><a name="L-38"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_permissions</span><span class="p">()</span>
573 </div><div id="L38"><a name="L-38"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_permissions</span><span class="p">()</span>
575 </div><div id="L39"><a name="L-39"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">populate_default_permissions</span><span class="p">()</span>
574 </div><div id="L39"><a name="L-39"></a> <span class="n">dbmanage</span><span class="o">.</span><span class="n">populate_default_permissions</span><span class="p">()</span>
576 </div><div id="L40"><a name="L-40"></a> <span class="n">Session</span><span class="p">()</span><span class="o">.</span><span class="n">commit</span><span class="p">()</span>
575 </div><div id="L40"><a name="L-40"></a> <span class="n">Session</span><span class="p">()</span><span class="o">.</span><span class="n">commit</span><span class="p">()</span>
577 </div><div id="L41"><a name="L-41"></a> <span class="n">load_environment</span><span class="p">(</span><span class="n">conf</span><span class="o">.</span><span class="n">global_conf</span><span class="p">,</span> <span class="n">conf</span><span class="o">.</span><span class="n">local_conf</span><span class="p">,</span> <span class="n">initial</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
576 </div><div id="L41"><a name="L-41"></a> <span class="n">load_environment</span><span class="p">(</span><span class="n">conf</span><span class="o">.</span><span class="n">global_conf</span><span class="p">,</span> <span class="n">conf</span><span class="o">.</span><span class="n">local_conf</span><span class="p">,</span> <span class="n">initial</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
578 </div><div id="L42"><a name="L-42"></a> <span class="n">DbManage</span><span class="o">.</span><span class="n">check_waitress</span><span class="p">()</span>
577 </div><div id="L42"><a name="L-42"></a> <span class="n">DbManage</span><span class="o">.</span><span class="n">check_waitress</span><span class="p">()</span>
579 </div></pre></div>
578 </div></pre></div>
580 </td></tr></tbody></table>
579 </td></tr></tbody></table>
581 </div>
580 </div>
582 </div>
581 </div>
583
582
584
583
585
584
586
585
587
586
588
587
589
588
590
589
591
590
592 <!--
591 <!--
593 Gist Edit
592 Gist Edit
594 -->
593 -->
595
594
596
595
597 <h2>Gist Edit</h2>
596 <h2>Gist Edit</h2>
598
597
599 <div class="codeblock">
598 <div class="codeblock">
600 <div class="code-header">
599 <div class="code-header">
601 <div class="form">
600 <div class="form">
602 <div class="fields">
601 <div class="fields">
603 <input id="filename" name="filename" placeholder="name this file..." size="30" type="text">
602 <input id="filename" name="filename" placeholder="name this file..." size="30" type="text">
604 <div class="select2-container drop-menu" id="s2id_mimetype"><a href="javascript:void(0)" class="select2-choice" tabindex="-1"> <span class="select2-chosen" id="select2-chosen-3">Python</span><abbr class="select2-search-choice-close"></abbr> <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen3" class="select2-offscreen"></label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3"><div class="select2-drop select2-display-none drop-menu-dropdown select2-with-searchbox"> <div class="select2-search"> <label for="s2id_autogen3_search" class="select2-offscreen"></label> <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-3" id="s2id_autogen3_search" placeholder=""> </div> <ul class="select2-results" role="listbox" id="select2-results-3"> </ul></div></div><select id="mimetype" name="mimetype" tabindex="-1" title="" style="display: none;">
603 <div class="select2-container drop-menu" id="s2id_mimetype"><a href="javascript:void(0)" class="select2-choice" tabindex="-1"> <span class="select2-chosen" id="select2-chosen-3">Python</span><abbr class="select2-search-choice-close"></abbr> <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen3" class="select2-offscreen"></label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3"><div class="select2-drop select2-display-none drop-menu-dropdown select2-with-searchbox"> <div class="select2-search"> <label for="s2id_autogen3_search" class="select2-offscreen"></label> <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-3" id="s2id_autogen3_search" placeholder=""> </div> <ul class="select2-results" role="listbox" id="select2-results-3"> </ul></div></div><select id="mimetype" name="mimetype" tabindex="-1" title="" style="display: none;">
605 <option selected="selected" value="plain">plain</option>
604 <option selected="selected" value="plain">plain</option>
606 <option value="text/apl" mode="apl">APL</option><option value="text/x-asterisk" mode="asterisk">Asterisk</option><option value="text/x-csrc" mode="clike">C</option><option value="text/x-c++src" mode="clike">C++</option><option value="text/x-cobol" mode="cobol">Cobol</option><option value="text/x-java" mode="clike">Java</option><option value="text/x-csharp" mode="clike">C#</option><option value="text/x-scala" mode="clike">Scala</option><option value="text/x-clojure" mode="clojure">Clojure</option><option value="text/x-coffeescript" mode="coffeescript">CoffeeScript</option><option value="text/x-common-lisp" mode="commonlisp">Common Lisp</option><option value="text/css" mode="css">CSS</option><option value="text/x-d" mode="d">D</option><option value="text/x-diff" mode="diff">diff</option><option value="application/xml-dtd" mode="dtd">DTD</option><option value="text/x-dylan" mode="dylan">Dylan</option><option value="text/x-ecl" mode="ecl">ECL</option><option value="text/x-eiffel" mode="eiffel">Eiffel</option><option value="text/x-erlang" mode="erlang">Erlang</option><option value="text/x-fortran" mode="fortran">Fortran</option><option value="text/x-fsharp" mode="mllike">F#</option><option value="text/x-gas" mode="gas">Gas</option><option value="text/x-go" mode="go">GO</option><option value="text/x-feature" mode="gherkin">Gherkin</option><option value="text/x-go" mode="go">Go</option><option value="text/x-groovy" mode="groovy">Groovy</option><option value="text/x-haml" mode="haml">HAML</option><option value="text/x-haskell" mode="haskell">Haskell</option><option value="text/x-haxe" mode="haxe">Haxe</option><option value="application/x-aspx" mode="htmlembedded">ASP.NET</option><option value="application/x-ejs" mode="htmlembedded">Embedded Javascript</option><option value="application/x-jsp" mode="htmlembedded">JavaServer Pages</option><option value="text/html" mode="htmlmixed">HTML</option><option value="message/http" mode="http">HTTP</option><option value="text/x-jade" mode="jade">Jade</option><option value="text/javascript" mode="javascript">JavaScript</option><option value="application/json" mode="javascript">JSON</option><option value="application/typescript" mode="javascript">TypeScript</option><option value="jinja2" mode="jinja2">Jinja2</option><option value="text/x-julia" mode="julia">Julia</option><option value="text/x-less" mode="less">LESS</option><option value="text/x-livescript" mode="livescript">LiveScript</option><option value="text/x-lua" mode="lua">Lua</option><option value="text/x-markdown" mode="markdown">Markdown (GitHub-flavour)</option><option value="text/mirc" mode="mirc">mIRC</option><option value="text/x-nginx-conf" mode="nginx">Nginx</option><option value="text/n-triples" mode="ntriples">NTriples</option><option value="text/x-ocaml" mode="ocaml">OCaml</option><option value="text/x-ocaml" mode="mllike">OCaml</option><option value="text/x-octave" mode="octave">Octave</option><option value="text/x-pascal" mode="pascal">Pascal</option><option value="null" mode="pegjs">PEG.js</option><option value="text/x-perl" mode="perl">Perl</option><option value="text/x-php" mode="php">PHP</option><option value="text/x-pig" mode="pig">Pig</option><option value="text/plain" mode="null">Plain Text</option><option value="text/x-properties" mode="properties">Properties files</option><option value="text/x-python" mode="python">Python</option><option value="text/x-puppet" mode="puppet">Puppet</option><option value="text/x-rsrc" mode="r">R</option><option value="text/x-rst" mode="rst">reStructuredText</option><option value="text/x-ruby" mode="ruby">Ruby</option><option value="text/x-rustsrc" mode="rust">Rust</option><option value="text/x-sass" mode="sass">Sass</option><option value="text/x-scheme" mode="scheme">Scheme</option><option value="text/x-scss" mode="css">SCSS</option><option value="text/x-sh" mode="shell">Shell</option><option value="application/sieve" mode="sieve">Sieve</option><option value="text/x-stsrc" mode="smalltalk">Smalltalk</option><option value="text/x-smarty" mode="smarty">Smarty</option><option value="text/x-smarty" mode="smartymixed">SmartyMixed</option><option value="text/x-solr" mode="solr">Solr</option><option value="application/x-sparql-query" mode="sparql">SPARQL</option><option value="text/x-sql" mode="sql">SQL</option><option value="text/x-mariadb" mode="sql">MariaDB</option><option value="text/x-stex" mode="stex">sTeX</option><option value="text/x-latex" mode="stex">LaTeX</option><option value="text/x-systemverilog" mode="verilog">SystemVerilog</option><option value="text/x-tcl" mode="tcl">Tcl</option><option value="text/x-tiddlywiki" mode="tiddlywiki">TiddlyWiki </option><option value="text/tiki" mode="tiki">Tiki wiki</option><option value="text/x-toml" mode="toml">TOML</option><option value="text/turtle" mode="turtle">Turtle</option><option value="text/x-vb" mode="vb">VB.NET</option><option value="text/vbscript" mode="vbscript">VBScript</option><option value="text/velocity" mode="velocity">Velocity</option><option value="text/x-verilog" mode="verilog">Verilog</option><option value="application/xml" mode="xml">XML</option><option value="text/html" mode="xml">HTML</option><option value="application/xquery" mode="xquery">XQuery</option><option value="text/x-yaml" mode="yaml">YAML</option><option value="text/x-z80" mode="z80">Z80</option></select>
605 <option value="text/apl" mode="apl">APL</option><option value="text/x-asterisk" mode="asterisk">Asterisk</option><option value="text/x-csrc" mode="clike">C</option><option value="text/x-c++src" mode="clike">C++</option><option value="text/x-cobol" mode="cobol">Cobol</option><option value="text/x-java" mode="clike">Java</option><option value="text/x-csharp" mode="clike">C#</option><option value="text/x-scala" mode="clike">Scala</option><option value="text/x-clojure" mode="clojure">Clojure</option><option value="text/x-coffeescript" mode="coffeescript">CoffeeScript</option><option value="text/x-common-lisp" mode="commonlisp">Common Lisp</option><option value="text/css" mode="css">CSS</option><option value="text/x-d" mode="d">D</option><option value="text/x-diff" mode="diff">diff</option><option value="application/xml-dtd" mode="dtd">DTD</option><option value="text/x-dylan" mode="dylan">Dylan</option><option value="text/x-ecl" mode="ecl">ECL</option><option value="text/x-eiffel" mode="eiffel">Eiffel</option><option value="text/x-erlang" mode="erlang">Erlang</option><option value="text/x-fortran" mode="fortran">Fortran</option><option value="text/x-fsharp" mode="mllike">F#</option><option value="text/x-gas" mode="gas">Gas</option><option value="text/x-go" mode="go">GO</option><option value="text/x-feature" mode="gherkin">Gherkin</option><option value="text/x-go" mode="go">Go</option><option value="text/x-groovy" mode="groovy">Groovy</option><option value="text/x-haml" mode="haml">HAML</option><option value="text/x-haskell" mode="haskell">Haskell</option><option value="text/x-haxe" mode="haxe">Haxe</option><option value="application/x-aspx" mode="htmlembedded">ASP.NET</option><option value="application/x-ejs" mode="htmlembedded">Embedded Javascript</option><option value="application/x-jsp" mode="htmlembedded">JavaServer Pages</option><option value="text/html" mode="htmlmixed">HTML</option><option value="message/http" mode="http">HTTP</option><option value="text/x-jade" mode="jade">Jade</option><option value="text/javascript" mode="javascript">JavaScript</option><option value="application/json" mode="javascript">JSON</option><option value="application/typescript" mode="javascript">TypeScript</option><option value="jinja2" mode="jinja2">Jinja2</option><option value="text/x-julia" mode="julia">Julia</option><option value="text/x-less" mode="less">LESS</option><option value="text/x-livescript" mode="livescript">LiveScript</option><option value="text/x-lua" mode="lua">Lua</option><option value="text/x-markdown" mode="markdown">Markdown (GitHub-flavour)</option><option value="text/mirc" mode="mirc">mIRC</option><option value="text/x-nginx-conf" mode="nginx">Nginx</option><option value="text/n-triples" mode="ntriples">NTriples</option><option value="text/x-ocaml" mode="ocaml">OCaml</option><option value="text/x-ocaml" mode="mllike">OCaml</option><option value="text/x-octave" mode="octave">Octave</option><option value="text/x-pascal" mode="pascal">Pascal</option><option value="null" mode="pegjs">PEG.js</option><option value="text/x-perl" mode="perl">Perl</option><option value="text/x-php" mode="php">PHP</option><option value="text/x-pig" mode="pig">Pig</option><option value="text/plain" mode="null">Plain Text</option><option value="text/x-properties" mode="properties">Properties files</option><option value="text/x-python" mode="python">Python</option><option value="text/x-puppet" mode="puppet">Puppet</option><option value="text/x-rsrc" mode="r">R</option><option value="text/x-rst" mode="rst">reStructuredText</option><option value="text/x-ruby" mode="ruby">Ruby</option><option value="text/x-rustsrc" mode="rust">Rust</option><option value="text/x-sass" mode="sass">Sass</option><option value="text/x-scheme" mode="scheme">Scheme</option><option value="text/x-scss" mode="css">SCSS</option><option value="text/x-sh" mode="shell">Shell</option><option value="application/sieve" mode="sieve">Sieve</option><option value="text/x-stsrc" mode="smalltalk">Smalltalk</option><option value="text/x-smarty" mode="smarty">Smarty</option><option value="text/x-smarty" mode="smartymixed">SmartyMixed</option><option value="text/x-solr" mode="solr">Solr</option><option value="application/x-sparql-query" mode="sparql">SPARQL</option><option value="text/x-sql" mode="sql">SQL</option><option value="text/x-mariadb" mode="sql">MariaDB</option><option value="text/x-stex" mode="stex">sTeX</option><option value="text/x-latex" mode="stex">LaTeX</option><option value="text/x-systemverilog" mode="verilog">SystemVerilog</option><option value="text/x-tcl" mode="tcl">Tcl</option><option value="text/x-tiddlywiki" mode="tiddlywiki">TiddlyWiki </option><option value="text/tiki" mode="tiki">Tiki wiki</option><option value="text/x-toml" mode="toml">TOML</option><option value="text/turtle" mode="turtle">Turtle</option><option value="text/x-vb" mode="vb">VB.NET</option><option value="text/vbscript" mode="vbscript">VBScript</option><option value="text/velocity" mode="velocity">Velocity</option><option value="text/x-verilog" mode="verilog">Verilog</option><option value="application/xml" mode="xml">XML</option><option value="text/html" mode="xml">HTML</option><option value="application/xquery" mode="xquery">XQuery</option><option value="text/x-yaml" mode="yaml">YAML</option><option value="text/x-z80" mode="z80">Z80</option></select>
607 <script>
606 <script>
608 $(document).ready(function() {
607 $(document).ready(function() {
609 $('#mimetype').select2({
608 $('#mimetype').select2({
610 containerCssClass: 'drop-menu',
609 containerCssClass: 'drop-menu',
611 dropdownCssClass: 'drop-menu-dropdown',
610 dropdownCssClass: 'drop-menu-dropdown',
612 dropdownAutoWidth: true
611 dropdownAutoWidth: true
613 });
612 });
614 });
613 });
615 </script>
614 </script>
616
615
617 </div>
616 </div>
618 </div>
617 </div>
619 </div>
618 </div>
620 <div id="editor_container">
619 <div id="editor_container">
621 <div id="editor_pre"></div>
620 <div id="editor_pre"></div>
622 <textarea id="editor" name="content" style="display: none;"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 484px; left: 219.4091796875px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px; min-height: 18px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar" style="min-width: 18px; display: block; bottom: 0px;"><div style="min-width: 1px; height: 619px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 700.269653320313px; margin-left: 29px; min-height: 619px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>47</div></div></div><div style="position: relative; z-index: 1; display: none;"></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre><span class="cm-keyword">import</span> <span class="cm-variable">re</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">django</span>.<span class="cm-variable">utils</span>.<span class="cm-variable">text</span> <span class="cm-keyword">import</span> <span class="cm-variable">compress_sequence</span>, <span class="cm-variable">compress_string</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">django</span>.<span class="cm-variable">utils</span>.<span class="cm-variable">cache</span> <span class="cm-keyword">import</span> <span class="cm-variable">patch_vary_headers</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre><span class="cm-variable">re_accepts_gzip</span> = <span class="cm-variable">re</span>.<span class="cm-builtin">compile</span>(<span class="cm-string">r'\bgzip\b'</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">7</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">8</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">9</div></div><pre><span class="cm-keyword">class</span> <span class="cm-def">GZipMiddleware</span>(<span class="cm-builtin">object</span>): # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">10</div></div><pre> <span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">11</div></div><pre><span class="cm-string"> This middleware compresses content if the browser allows gzip compression.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">12</div></div><pre><span class="cm-string"> It sets the Vary header accordingly, so that caches will base their storage</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">13</div></div><pre><span class="cm-string"> on the Accept-Encoding header.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">14</div></div><pre><span class="cm-string"> """</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">15</div></div><pre> <span class="cm-keyword">def</span> <span class="cm-def">process_response</span>(<span class="cm-variable-2">self</span>, <span class="cm-variable">request</span>, <span class="cm-variable">response</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">16</div></div><pre> <span class="cm-comment"># It's not worth attempting to compress really short responses.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">17</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-operator">not</span> <span class="cm-variable">response</span>.<span class="cm-variable">streaming</span> <span class="cm-operator">and</span> <span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>) <span class="cm-operator">&lt;</span> <span class="cm-number">200</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">18</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">19</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">20</div></div><pre> <span class="cm-comment"># Avoid gzipping if we've already got a content-encoding.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">21</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">has_header</span>(<span class="cm-string">'Content-Encoding'</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">22</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">23</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">24</div></div><pre> <span class="cm-variable">patch_vary_headers</span>(<span class="cm-variable">response</span>, (<span class="cm-string">'Accept-Encoding'</span>,))</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">25</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">26</div></div><pre> <span class="cm-variable">ae</span> = <span class="cm-variable">request</span>.<span class="cm-variable">META</span>.<span class="cm-variable">get</span>(<span class="cm-string">'HTTP_ACCEPT_ENCODING'</span>, <span class="cm-string">''</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">27</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-operator">not</span> <span class="cm-variable">re_accepts_gzip</span>.<span class="cm-variable">search</span>(<span class="cm-variable">ae</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">28</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">29</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">30</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">streaming</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">31</div></div><pre> <span class="cm-comment"># Delete the `Content-Length` header for streaming content, because</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">32</div></div><pre> <span class="cm-comment"># we won't know the compressed size until we stream it.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">33</div></div><pre> <span class="cm-variable">response</span>.<span class="cm-variable">streaming_content</span> = <span class="cm-variable">compress_sequence</span>(<span class="cm-variable">response</span>.<span class="cm-variable">streaming_content</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">34</div></div><pre> <span class="cm-keyword">del</span> <span class="cm-variable">response</span>[<span class="cm-string">'Content-Length'</span>]</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">35</div></div><pre> <span class="cm-keyword">else</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">36</div></div><pre> <span class="cm-comment"># Return the compressed content only if it's actually shorter.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">37</div></div><pre> <span class="cm-variable">compressed_content</span> = <span class="cm-variable">compress_string</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">38</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-builtin">len</span>(<span class="cm-variable">compressed_content</span>) <span class="cm-operator">&gt;=</span> <span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">39</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">40</div></div><pre> <span class="cm-variable">response</span>.<span class="cm-variable">content</span> = <span class="cm-variable">compressed_content</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">41</div></div><pre> <span class="cm-variable">response</span>[<span class="cm-string">'Content-Length'</span>] = <span class="cm-builtin">str</span>(<span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>))</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">42</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">43</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">has_header</span>(<span class="cm-string">'ETag'</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">44</div></div><pre> <span class="cm-variable">response</span>[<span class="cm-string">'ETag'</span>] = <span class="cm-variable">re</span>.<span class="cm-variable">sub</span>(<span class="cm-string">'"$'</span>, <span class="cm-string">';gzip"'</span>, <span class="cm-variable">response</span>[<span class="cm-string">'ETag'</span>])</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">45</div></div><pre> <span class="cm-variable">response</span>[<span class="cm-string">'Content-Encoding'</span>] = <span class="cm-string">'gzip'</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">46</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">47</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div></div><div class="CodeMirror-cursor" style="left: 189.4091796875px; top: 598px; height: 13px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 619px;"></div><div class="CodeMirror-gutters" style="height: 619px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div>
621 <textarea id="editor" name="content" style="display: none;"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 484px; left: 219.4091796875px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px; min-height: 18px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar" style="min-width: 18px; display: block; bottom: 0px;"><div style="min-width: 1px; height: 619px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 700.269653320313px; margin-left: 29px; min-height: 619px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>47</div></div></div><div style="position: relative; z-index: 1; display: none;"></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre><span class="cm-keyword">import</span> <span class="cm-variable">re</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">django</span>.<span class="cm-variable">utils</span>.<span class="cm-variable">text</span> <span class="cm-keyword">import</span> <span class="cm-variable">compress_sequence</span>, <span class="cm-variable">compress_string</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">django</span>.<span class="cm-variable">utils</span>.<span class="cm-variable">cache</span> <span class="cm-keyword">import</span> <span class="cm-variable">patch_vary_headers</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre><span class="cm-variable">re_accepts_gzip</span> = <span class="cm-variable">re</span>.<span class="cm-builtin">compile</span>(<span class="cm-string">r'\bgzip\b'</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">7</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">8</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">9</div></div><pre><span class="cm-keyword">class</span> <span class="cm-def">GZipMiddleware</span>(<span class="cm-builtin">object</span>): # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">10</div></div><pre> <span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">11</div></div><pre><span class="cm-string"> This middleware compresses content if the browser allows gzip compression.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">12</div></div><pre><span class="cm-string"> It sets the Vary header accordingly, so that caches will base their storage</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">13</div></div><pre><span class="cm-string"> on the Accept-Encoding header.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">14</div></div><pre><span class="cm-string"> """</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">15</div></div><pre> <span class="cm-keyword">def</span> <span class="cm-def">process_response</span>(<span class="cm-variable-2">self</span>, <span class="cm-variable">request</span>, <span class="cm-variable">response</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">16</div></div><pre> <span class="cm-comment"># It's not worth attempting to compress really short responses.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">17</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-operator">not</span> <span class="cm-variable">response</span>.<span class="cm-variable">streaming</span> <span class="cm-operator">and</span> <span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>) <span class="cm-operator">&lt;</span> <span class="cm-number">200</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">18</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">19</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">20</div></div><pre> <span class="cm-comment"># Avoid gzipping if we've already got a content-encoding.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">21</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">has_header</span>(<span class="cm-string">'Content-Encoding'</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">22</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">23</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">24</div></div><pre> <span class="cm-variable">patch_vary_headers</span>(<span class="cm-variable">response</span>, (<span class="cm-string">'Accept-Encoding'</span>,))</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">25</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">26</div></div><pre> <span class="cm-variable">ae</span> = <span class="cm-variable">request</span>.<span class="cm-variable">META</span>.<span class="cm-variable">get</span>(<span class="cm-string">'HTTP_ACCEPT_ENCODING'</span>, <span class="cm-string">''</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">27</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-operator">not</span> <span class="cm-variable">re_accepts_gzip</span>.<span class="cm-variable">search</span>(<span class="cm-variable">ae</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">28</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">29</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">30</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">streaming</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">31</div></div><pre> <span class="cm-comment"># Delete the `Content-Length` header for streaming content, because</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">32</div></div><pre> <span class="cm-comment"># we won't know the compressed size until we stream it.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">33</div></div><pre> <span class="cm-variable">response</span>.<span class="cm-variable">streaming_content</span> = <span class="cm-variable">compress_sequence</span>(<span class="cm-variable">response</span>.<span class="cm-variable">streaming_content</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">34</div></div><pre> <span class="cm-keyword">del</span> <span class="cm-variable">response</span>[<span class="cm-string">'Content-Length'</span>]</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">35</div></div><pre> <span class="cm-keyword">else</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">36</div></div><pre> <span class="cm-comment"># Return the compressed content only if it's actually shorter.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">37</div></div><pre> <span class="cm-variable">compressed_content</span> = <span class="cm-variable">compress_string</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">38</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-builtin">len</span>(<span class="cm-variable">compressed_content</span>) <span class="cm-operator">&gt;=</span> <span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">39</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">40</div></div><pre> <span class="cm-variable">response</span>.<span class="cm-variable">content</span> = <span class="cm-variable">compressed_content</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">41</div></div><pre> <span class="cm-variable">response</span>[<span class="cm-string">'Content-Length'</span>] = <span class="cm-builtin">str</span>(<span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>))</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">42</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">43</div></div><pre> <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">has_header</span>(<span class="cm-string">'ETag'</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">44</div></div><pre> <span class="cm-variable">response</span>[<span class="cm-string">'ETag'</span>] = <span class="cm-variable">re</span>.<span class="cm-variable">sub</span>(<span class="cm-string">'"$'</span>, <span class="cm-string">';gzip"'</span>, <span class="cm-variable">response</span>[<span class="cm-string">'ETag'</span>])</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">45</div></div><pre> <span class="cm-variable">response</span>[<span class="cm-string">'Content-Encoding'</span>] = <span class="cm-string">'gzip'</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">46</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">47</div></div><pre> <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div></div><div class="CodeMirror-cursor" style="left: 189.4091796875px; top: 598px; height: 13px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 619px;"></div><div class="CodeMirror-gutters" style="height: 619px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div>
623 </div>
622 </div>
624 </div>
623 </div>
625
624
626
625
627
626
628
627
629
628
630 <!--
629 <!--
631 File Edit
630 File Edit
632 -->
631 -->
633
632
634 <h2>File Edit</h2>
633 <h2>File Edit</h2>
635
634
636 <div class="codeblock">
635 <div class="codeblock">
637 <div class="code-header">
636 <div class="code-header">
638 <div class="stats">
637 <div class="stats">
639 <i class="icon-file"></i>
638 <i class="icon-file"></i>
640 <span class="item"><a href="/example/changeset/80ead1899f50a894889e19ffeb49c9cebf5bf045">r8248:80ead1899f50</a></span>
639 <span class="item"><a href="/example/changeset/80ead1899f50a894889e19ffeb49c9cebf5bf045">r8248:80ead1899f50</a></span>
641 <span class="item">1.2 KiB</span>
640 <span class="item">1.2 KiB</span>
642 <span class="item last">text/x-python</span>
641 <span class="item last">text/x-python</span>
643 <div class="buttons">
642 <div class="buttons">
644 <a class="btn btn-mini" href="/example/commits/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">
643 <a class="btn btn-mini" href="/example/commits/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">
645 <i class="icon-time"></i> history
644 <i class="icon-time"></i> history
646 </a>
645 </a>
647
646
648 <a class="btn btn-mini" href="/example/files/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">source</a>
647 <a class="btn btn-mini" href="/example/files/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">source</a>
649 <a class="btn btn-mini" href="/example/raw/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">raw</a>
648 <a class="btn btn-mini" href="/example/raw/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">raw</a>
650 <a class="btn btn-mini" href="/example/rawfile/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">
649 <a class="btn btn-mini" href="/example/rawfile/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">
651 download
650 download
652 </a>
651 </a>
653 </div>
652 </div>
654 </div>
653 </div>
655 <div class="form">
654 <div class="form">
656 <label for="set_mode">Editing file:</label>
655 <label for="set_mode">Editing file:</label>
657 rhodecode /
656 rhodecode /
658 <input type="text" name="filename" value="websetup.py">
657 <input type="text" name="filename" value="websetup.py">
659
658
660 <div class="select2-container drop-menu" id="s2id_set_mode"><a href="javascript:void(0)" class="select2-choice" tabindex="-1"> <span class="select2-chosen" id="select2-chosen-2">plain</span><abbr class="select2-search-choice-close"></abbr> <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen2" class="select2-offscreen">Editing file:</label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2" id="s2id_autogen2"><div class="select2-drop select2-display-none drop-menu-dropdown select2-with-searchbox"> <div class="select2-search"> <label for="s2id_autogen2_search" class="select2-offscreen">Editing file:</label> <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-2" id="s2id_autogen2_search" placeholder=""> </div> <ul class="select2-results" role="listbox" id="select2-results-2"> </ul></div></div><select id="set_mode" name="set_mode" tabindex="-1" title="Editing file:" style="display: none;">
659 <div class="select2-container drop-menu" id="s2id_set_mode"><a href="javascript:void(0)" class="select2-choice" tabindex="-1"> <span class="select2-chosen" id="select2-chosen-2">plain</span><abbr class="select2-search-choice-close"></abbr> <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen2" class="select2-offscreen">Editing file:</label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2" id="s2id_autogen2"><div class="select2-drop select2-display-none drop-menu-dropdown select2-with-searchbox"> <div class="select2-search"> <label for="s2id_autogen2_search" class="select2-offscreen">Editing file:</label> <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-2" id="s2id_autogen2_search" placeholder=""> </div> <ul class="select2-results" role="listbox" id="select2-results-2"> </ul></div></div><select id="set_mode" name="set_mode" tabindex="-1" title="Editing file:" style="display: none;">
661 <option selected="selected" value="plain">plain</option>
660 <option selected="selected" value="plain">plain</option>
662 <option value="apl">APL</option><option value="asterisk">Asterisk</option><option value="clike">C</option><option value="clike">C++</option><option value="cobol">Cobol</option><option value="clike">Java</option><option value="clike">C#</option><option value="clike">Scala</option><option value="clojure">Clojure</option><option value="coffeescript">CoffeeScript</option><option value="commonlisp">Common Lisp</option><option value="css">CSS</option><option value="d">D</option><option value="diff">diff</option><option value="dtd">DTD</option><option value="dylan">Dylan</option><option value="ecl">ECL</option><option value="eiffel">Eiffel</option><option value="erlang">Erlang</option><option value="fortran">Fortran</option><option value="mllike">F#</option><option value="gas">Gas</option><option value="go">GO</option><option value="gherkin">Gherkin</option><option value="go">Go</option><option value="groovy">Groovy</option><option value="haml">HAML</option><option value="haskell">Haskell</option><option value="haxe">Haxe</option><option value="htmlembedded">ASP.NET</option><option value="htmlembedded">Embedded Javascript</option><option value="htmlembedded">JavaServer Pages</option><option value="htmlmixed">HTML</option><option value="http">HTTP</option><option value="jade">Jade</option><option value="javascript">JavaScript</option><option value="javascript">JSON</option><option value="javascript">TypeScript</option><option value="jinja2">Jinja2</option><option value="julia">Julia</option><option value="less">LESS</option><option value="livescript">LiveScript</option><option value="lua">Lua</option><option value="markdown">Markdown (GitHub-flavour)</option><option value="mirc">mIRC</option><option value="nginx">Nginx</option><option value="ntriples">NTriples</option><option value="ocaml">OCaml</option><option value="mllike">OCaml</option><option value="octave">Octave</option><option value="pascal">Pascal</option><option value="pegjs">PEG.js</option><option value="perl">Perl</option><option value="php">PHP</option><option value="pig">Pig</option><option value="null">Plain Text</option><option value="properties">Properties files</option><option value="python" selected="selected">Python</option><option value="puppet">Puppet</option><option value="r">R</option><option value="rst">reStructuredText</option><option value="ruby">Ruby</option><option value="rust">Rust</option><option value="sass">Sass</option><option value="scheme">Scheme</option><option value="css">SCSS</option><option value="shell">Shell</option><option value="sieve">Sieve</option><option value="smalltalk">Smalltalk</option><option value="smarty">Smarty</option><option value="smartymixed">SmartyMixed</option><option value="solr">Solr</option><option value="sparql">SPARQL</option><option value="sql">SQL</option><option value="sql">MariaDB</option><option value="stex">sTeX</option><option value="stex">LaTeX</option><option value="verilog">SystemVerilog</option><option value="tcl">Tcl</option><option value="tiddlywiki">TiddlyWiki </option><option value="tiki">Tiki wiki</option><option value="toml">TOML</option><option value="turtle">Turtle</option><option value="vb">VB.NET</option><option value="vbscript">VBScript</option><option value="velocity">Velocity</option><option value="verilog">Verilog</option><option value="xml">XML</option><option value="xml">HTML</option><option value="xquery">XQuery</option><option value="yaml">YAML</option><option value="z80">Z80</option></select>
661 <option value="apl">APL</option><option value="asterisk">Asterisk</option><option value="clike">C</option><option value="clike">C++</option><option value="cobol">Cobol</option><option value="clike">Java</option><option value="clike">C#</option><option value="clike">Scala</option><option value="clojure">Clojure</option><option value="coffeescript">CoffeeScript</option><option value="commonlisp">Common Lisp</option><option value="css">CSS</option><option value="d">D</option><option value="diff">diff</option><option value="dtd">DTD</option><option value="dylan">Dylan</option><option value="ecl">ECL</option><option value="eiffel">Eiffel</option><option value="erlang">Erlang</option><option value="fortran">Fortran</option><option value="mllike">F#</option><option value="gas">Gas</option><option value="go">GO</option><option value="gherkin">Gherkin</option><option value="go">Go</option><option value="groovy">Groovy</option><option value="haml">HAML</option><option value="haskell">Haskell</option><option value="haxe">Haxe</option><option value="htmlembedded">ASP.NET</option><option value="htmlembedded">Embedded Javascript</option><option value="htmlembedded">JavaServer Pages</option><option value="htmlmixed">HTML</option><option value="http">HTTP</option><option value="jade">Jade</option><option value="javascript">JavaScript</option><option value="javascript">JSON</option><option value="javascript">TypeScript</option><option value="jinja2">Jinja2</option><option value="julia">Julia</option><option value="less">LESS</option><option value="livescript">LiveScript</option><option value="lua">Lua</option><option value="markdown">Markdown (GitHub-flavour)</option><option value="mirc">mIRC</option><option value="nginx">Nginx</option><option value="ntriples">NTriples</option><option value="ocaml">OCaml</option><option value="mllike">OCaml</option><option value="octave">Octave</option><option value="pascal">Pascal</option><option value="pegjs">PEG.js</option><option value="perl">Perl</option><option value="php">PHP</option><option value="pig">Pig</option><option value="null">Plain Text</option><option value="properties">Properties files</option><option value="python" selected="selected">Python</option><option value="puppet">Puppet</option><option value="r">R</option><option value="rst">reStructuredText</option><option value="ruby">Ruby</option><option value="rust">Rust</option><option value="sass">Sass</option><option value="scheme">Scheme</option><option value="css">SCSS</option><option value="shell">Shell</option><option value="sieve">Sieve</option><option value="smalltalk">Smalltalk</option><option value="smarty">Smarty</option><option value="smartymixed">SmartyMixed</option><option value="solr">Solr</option><option value="sparql">SPARQL</option><option value="sql">SQL</option><option value="sql">MariaDB</option><option value="stex">sTeX</option><option value="stex">LaTeX</option><option value="verilog">SystemVerilog</option><option value="tcl">Tcl</option><option value="tiddlywiki">TiddlyWiki </option><option value="tiki">Tiki wiki</option><option value="toml">TOML</option><option value="turtle">Turtle</option><option value="vb">VB.NET</option><option value="vbscript">VBScript</option><option value="velocity">Velocity</option><option value="verilog">Verilog</option><option value="xml">XML</option><option value="xml">HTML</option><option value="xquery">XQuery</option><option value="yaml">YAML</option><option value="z80">Z80</option></select>
663 <script>
662 <script>
664 $(document).ready(function() {
663 $(document).ready(function() {
665 $('#set_mode').select2({
664 $('#set_mode').select2({
666 containerCssClass: 'drop-menu',
665 containerCssClass: 'drop-menu',
667 dropdownCssClass: 'drop-menu-dropdown',
666 dropdownCssClass: 'drop-menu-dropdown',
668 dropdownAutoWidth: true
667 dropdownAutoWidth: true
669 });
668 });
670 });
669 });
671 </script>
670 </script>
672
671
673 <label for="line_wrap">line wraps</label>
672 <label for="line_wrap">line wraps</label>
674 <div class="select2-container drop-menu" id="s2id_line_wrap"><a href="javascript:void(0)" class="select2-choice" tabindex="-1"> <span class="select2-chosen" id="select2-chosen-3">off</span><abbr class="select2-search-choice-close"></abbr> <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen3" class="select2-offscreen">line wraps</label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3"><div class="select2-drop select2-display-none drop-menu-dropdown"> <div class="select2-search select2-search-hidden select2-offscreen"> <label for="s2id_autogen3_search" class="select2-offscreen">line wraps</label> <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-3" id="s2id_autogen3_search" placeholder=""> </div> <ul class="select2-results" role="listbox" id="select2-results-3"> </ul></div></div><select id="line_wrap" name="line_wrap" tabindex="-1" title="line wraps" style="display: none;">
673 <div class="select2-container drop-menu" id="s2id_line_wrap"><a href="javascript:void(0)" class="select2-choice" tabindex="-1"> <span class="select2-chosen" id="select2-chosen-3">off</span><abbr class="select2-search-choice-close"></abbr> <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen3" class="select2-offscreen">line wraps</label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3"><div class="select2-drop select2-display-none drop-menu-dropdown"> <div class="select2-search select2-search-hidden select2-offscreen"> <label for="s2id_autogen3_search" class="select2-offscreen">line wraps</label> <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-3" id="s2id_autogen3_search" placeholder=""> </div> <ul class="select2-results" role="listbox" id="select2-results-3"> </ul></div></div><select id="line_wrap" name="line_wrap" tabindex="-1" title="line wraps" style="display: none;">
675 <option value="on">on</option>
674 <option value="on">on</option>
676 <option selected="selected" value="off">off</option>
675 <option selected="selected" value="off">off</option>
677 </select>
676 </select>
678 <script>
677 <script>
679 $(document).ready(function() {
678 $(document).ready(function() {
680 $('#line_wrap').select2({
679 $('#line_wrap').select2({
681 containerCssClass: 'drop-menu',
680 containerCssClass: 'drop-menu',
682 dropdownCssClass: 'drop-menu-dropdown',
681 dropdownCssClass: 'drop-menu-dropdown',
683 dropdownAutoWidth: true,
682 dropdownAutoWidth: true,
684 minimumResultsForSearch: -1
683 minimumResultsForSearch: -1
685
684
686 });
685 });
687 });
686 });
688 </script>
687 </script>
689
688
690 <div id="render_preview" class="btn btn-mini hidden disabled">Preview</div>
689 <div id="render_preview" class="btn btn-mini hidden disabled">Preview</div>
691 </div>
690 </div>
692 </div>
691 </div>
693 <div id="editor_container">
692 <div id="editor_container">
694 <pre id="editor_pre"></pre>
693 <pre id="editor_pre"></pre>
695 <textarea id="editor" name="content" style="display: none;"># -*- coding: utf-8 -*-
694 <textarea id="editor" name="content" style="display: none;">
696
695
697 # Published under Commercial License.
696 # Published under Commercial License.
698 # Read the full license text at https://rhodecode.com/licenses.
697 # Read the full license text at https://rhodecode.com/licenses.
699 """
698 """
700 rhodecode.websetup
699 rhodecode.websetup
701 ~~~~~~~~~~~~~~~~~~
700 ~~~~~~~~~~~~~~~~~~
702
701
703 Weboperations and setup for rhodecode
702 Weboperations and setup for rhodecode
704
703
705 :created_on: Dec 11, 2010
704 :created_on: Dec 11, 2010
706 :author: marcink
705 :author: marcink
707 :copyright: (c) 2013-2015 RhodeCode GmbH.
706 :copyright: (c) 2013-2015 RhodeCode GmbH.
708 :license: Commercial License, see LICENSE for more details.
707 :license: Commercial License, see LICENSE for more details.
709 """
708 """
710
709
711 import logging
710 import logging
712
711
713 from rhodecode.config.environment import load_environment
712 from rhodecode.config.environment import load_environment
714 from rhodecode.lib.db_manage import DbManage
713 from rhodecode.lib.db_manage import DbManage
715 from rhodecode.model.meta import Session
714 from rhodecode.model.meta import Session
716
715
717
716
718 log = logging.getLogger(__name__)
717 log = logging.getLogger(__name__)
719
718
720
719
721 def setup_app(command, conf, vars):
720 def setup_app(command, conf, vars):
722 """Place any commands to setup rhodecode here"""
721 """Place any commands to setup rhodecode here"""
723 dbconf = conf['sqlalchemy.db1.url']
722 dbconf = conf['sqlalchemy.db1.url']
724 dbmanage = DbManage(log_sql=True, dbconf=dbconf, root=conf['here'],
723 dbmanage = DbManage(log_sql=True, dbconf=dbconf, root=conf['here'],
725 tests=False, cli_args=command.options.__dict__)
724 tests=False, cli_args=command.options.__dict__)
726 dbmanage.create_tables(override=True)
725 dbmanage.create_tables(override=True)
727 dbmanage.set_db_version()
726 dbmanage.set_db_version()
728 opts = dbmanage.config_prompt(None)
727 opts = dbmanage.config_prompt(None)
729 dbmanage.create_settings(opts)
728 dbmanage.create_settings(opts)
730 dbmanage.create_default_user()
729 dbmanage.create_default_user()
731 dbmanage.admin_prompt()
730 dbmanage.admin_prompt()
732 dbmanage.create_permissions()
731 dbmanage.create_permissions()
733 dbmanage.populate_default_permissions()
732 dbmanage.populate_default_permissions()
734 Session().commit()
733 Session().commit()
735 load_environment(conf.global_conf, conf.local_conf, initial=True)
734 load_environment(conf.global_conf, conf.local_conf, initial=True)
736 </textarea><div class="CodeMirror cm-s-default CodeMirror-focused"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 5px; left: 34px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px; min-height: 18px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar" style="display: block; bottom: 0px; min-width: 18px;"><div style="min-width: 1px; height: 554px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 579.350463867188px; margin-left: 29px; min-height: 554px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><div style="width: 50px; height: 50px; overflow-x: scroll;"></div></div><div style="position: relative; z-index: 1; display: none;"></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre><span class="cm-comment"># -*- coding: utf-8 -*-</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre><span class="cm-comment"># Published under Commercial License.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre><span class="cm-comment"># Read the full license text at https://rhodecode.com/licenses.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre><span class="cm-string">rhodecode.websetup</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">7</div></div><pre><span class="cm-string">~~~~~~~~~~~~~~~~~~</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">8</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">9</div></div><pre><span class="cm-string">Weboperations and setup for rhodecode</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">10</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">11</div></div><pre><span class="cm-string">:created_on: Dec 11, 2010</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">12</div></div><pre><span class="cm-string">:author: marcink</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">13</div></div><pre><span class="cm-string">:copyright: (c) 2013-2015 RhodeCode GmbH.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">14</div></div><pre><span class="cm-string">:license: Commercial License, see LICENSE for more details.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">15</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">16</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">17</div></div><pre><span class="cm-keyword">import</span> <span class="cm-variable">logging</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">18</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">19</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">config</span>.<span class="cm-variable">environment</span> <span class="cm-keyword">import</span> <span class="cm-variable">load_environment</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">20</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">lib</span>.<span class="cm-variable">db_manage</span> <span class="cm-keyword">import</span> <span class="cm-variable">DbManage</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">21</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">model</span>.<span class="cm-variable">meta</span> <span class="cm-keyword">import</span> <span class="cm-variable">Session</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">22</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">23</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">24</div></div><pre><span class="cm-variable">log</span> = <span class="cm-variable">logging</span>.<span class="cm-variable">getLogger</span>(<span class="cm-variable">__name__</span>) # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">25</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">26</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">27</div></div><pre><span class="cm-keyword">def</span> <span class="cm-def">setup_app</span>(<span class="cm-variable">command</span>, <span class="cm-variable">conf</span>, <span class="cm-builtin">vars</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">28</div></div><pre> <span class="cm-string">"""Place any commands to setup rhodecode here"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">29</div></div><pre> <span class="cm-variable">dbconf</span> = <span class="cm-variable">conf</span>[<span class="cm-string">'sqlalchemy.db1.url'</span>]</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">30</div></div><pre> <span class="cm-variable">dbmanage</span> = <span class="cm-variable">DbManage</span>(<span class="cm-variable">log_sql</span>=<span class="cm-builtin">True</span>, <span class="cm-variable">dbconf</span>=<span class="cm-variable">dbconf</span>, <span class="cm-variable">root</span>=<span class="cm-variable">conf</span>[<span class="cm-string">'here'</span>],</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">31</div></div><pre> <span class="cm-variable">tests</span>=<span class="cm-builtin">False</span>, <span class="cm-variable">cli_args</span>=<span class="cm-variable">command</span>.<span class="cm-variable">options</span>.<span class="cm-variable">__dict__</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">32</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_tables</span>(<span class="cm-variable">override</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">33</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">set_db_version</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">34</div></div><pre> <span class="cm-variable">opts</span> = <span class="cm-variable">dbmanage</span>.<span class="cm-variable">config_prompt</span>(<span class="cm-builtin">None</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">35</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_settings</span>(<span class="cm-variable">opts</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">36</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_default_user</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">37</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">admin_prompt</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">38</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">39</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">populate_default_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">40</div></div><pre> <span class="cm-variable">Session</span>().<span class="cm-variable">commit</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">41</div></div><pre> <span class="cm-variable">load_environment</span>(<span class="cm-variable">conf</span>.<span class="cm-variable">global_conf</span>, <span class="cm-variable">conf</span>.<span class="cm-variable">local_conf</span>, <span class="cm-variable">initial</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">42</div></div><pre>&nbsp;</pre></div></div><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 13px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 554px;"></div><div class="CodeMirror-gutters" style="height: 554px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div>
735 </textarea><div class="CodeMirror cm-s-default CodeMirror-focused"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 5px; left: 34px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px; min-height: 18px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar" style="display: block; bottom: 0px; min-width: 18px;"><div style="min-width: 1px; height: 554px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 579.350463867188px; margin-left: 29px; min-height: 554px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><div style="width: 50px; height: 50px; overflow-x: scroll;"></div></div><div style="position: relative; z-index: 1; display: none;"></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre><span class="cm-comment"></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre><span class="cm-comment"># Published under Commercial License.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre><span class="cm-comment"># Read the full license text at https://rhodecode.com/licenses.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre><span class="cm-string">rhodecode.websetup</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">7</div></div><pre><span class="cm-string">~~~~~~~~~~~~~~~~~~</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">8</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">9</div></div><pre><span class="cm-string">Weboperations and setup for rhodecode</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">10</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">11</div></div><pre><span class="cm-string">:created_on: Dec 11, 2010</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">12</div></div><pre><span class="cm-string">:author: marcink</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">13</div></div><pre><span class="cm-string">:copyright: (c) 2013-2015 RhodeCode GmbH.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">14</div></div><pre><span class="cm-string">:license: Commercial License, see LICENSE for more details.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">15</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">16</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">17</div></div><pre><span class="cm-keyword">import</span> <span class="cm-variable">logging</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">18</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">19</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">config</span>.<span class="cm-variable">environment</span> <span class="cm-keyword">import</span> <span class="cm-variable">load_environment</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">20</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">lib</span>.<span class="cm-variable">db_manage</span> <span class="cm-keyword">import</span> <span class="cm-variable">DbManage</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">21</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">model</span>.<span class="cm-variable">meta</span> <span class="cm-keyword">import</span> <span class="cm-variable">Session</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">22</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">23</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">24</div></div><pre><span class="cm-variable">log</span> = <span class="cm-variable">logging</span>.<span class="cm-variable">getLogger</span>(<span class="cm-variable">__name__</span>) # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">25</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">26</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">27</div></div><pre><span class="cm-keyword">def</span> <span class="cm-def">setup_app</span>(<span class="cm-variable">command</span>, <span class="cm-variable">conf</span>, <span class="cm-builtin">vars</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">28</div></div><pre> <span class="cm-string">"""Place any commands to setup rhodecode here"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">29</div></div><pre> <span class="cm-variable">dbconf</span> = <span class="cm-variable">conf</span>[<span class="cm-string">'sqlalchemy.db1.url'</span>]</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">30</div></div><pre> <span class="cm-variable">dbmanage</span> = <span class="cm-variable">DbManage</span>(<span class="cm-variable">log_sql</span>=<span class="cm-builtin">True</span>, <span class="cm-variable">dbconf</span>=<span class="cm-variable">dbconf</span>, <span class="cm-variable">root</span>=<span class="cm-variable">conf</span>[<span class="cm-string">'here'</span>],</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">31</div></div><pre> <span class="cm-variable">tests</span>=<span class="cm-builtin">False</span>, <span class="cm-variable">cli_args</span>=<span class="cm-variable">command</span>.<span class="cm-variable">options</span>.<span class="cm-variable">__dict__</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">32</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_tables</span>(<span class="cm-variable">override</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">33</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">set_db_version</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">34</div></div><pre> <span class="cm-variable">opts</span> = <span class="cm-variable">dbmanage</span>.<span class="cm-variable">config_prompt</span>(<span class="cm-builtin">None</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">35</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_settings</span>(<span class="cm-variable">opts</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">36</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_default_user</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">37</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">admin_prompt</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">38</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">39</div></div><pre> <span class="cm-variable">dbmanage</span>.<span class="cm-variable">populate_default_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">40</div></div><pre> <span class="cm-variable">Session</span>().<span class="cm-variable">commit</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">41</div></div><pre> <span class="cm-variable">load_environment</span>(<span class="cm-variable">conf</span>.<span class="cm-variable">global_conf</span>, <span class="cm-variable">conf</span>.<span class="cm-variable">local_conf</span>, <span class="cm-variable">initial</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">42</div></div><pre>&nbsp;</pre></div></div><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 13px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 554px;"></div><div class="CodeMirror-gutters" style="height: 554px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div>
737 <div id="editor_preview"></div>
736 <div id="editor_preview"></div>
738 </div>
737 </div>
739 <div class="message">
738 <div class="message">
740 <label class="codeblock-label">Commit Message</label>
739 <label class="codeblock-label">Commit Message</label>
741 <textarea id="commit" name="message" placeholder="Edited file rhodecode/websetup.py via RhodeCode"></textarea>
740 <textarea id="commit" name="message" placeholder="Edited file rhodecode/websetup.py via RhodeCode"></textarea>
742 </div>
741 </div>
743 </div>
742 </div>
744
743
745
744
746
745
747
746
748
747
749
748
750 <!--
749 <!--
751 Commit with comments
750 Commit with comments
752 -->
751 -->
753
752
754 <h2>Commit with comments</h2>
753 <h2>Commit with comments</h2>
755
754
756 <div class="diff-container" id="diff-container-140360037209920">
755 <div class="diff-container" id="diff-container-140360037209920">
757 <div id="c-4e5ee86997c6-7046e4320b26_target"></div>
756 <div id="c-4e5ee86997c6-7046e4320b26_target"></div>
758 <div id="c-4e5ee86997c6-7046e4320b26" class="diffblock margined comm">
757 <div id="c-4e5ee86997c6-7046e4320b26" class="diffblock margined comm">
759 <div class="code-header">
758 <div class="code-header">
760 <div title="Go back to changed files overview">
759 <div title="Go back to changed files overview">
761 <a href="#changes_box">
760 <a href="#changes_box">
762 <i class="icon-circle-arrow-up"></i>
761 <i class="icon-circle-arrow-up"></i>
763 </a>
762 </a>
764 </div>
763 </div>
765 <div class="changeset_header">
764 <div class="changeset_header">
766 <div class="changeset_file">
765 <div class="changeset_file">
767 <i class="icon-file"></i>
766 <i class="icon-file"></i>
768 <a href="/andersonsantos/rhodecode-dev-fork/files/4e5ee86997c64981d85cf62283af448624e26929/rhodecode/tests/functional/test_compare_local.py">rhodecode/tests/functional/test_compare_local.py</a>
767 <a href="/andersonsantos/rhodecode-dev-fork/files/4e5ee86997c64981d85cf62283af448624e26929/rhodecode/tests/functional/test_compare_local.py">rhodecode/tests/functional/test_compare_local.py</a>
769 </div>
768 </div>
770 <div class="diff-actions">
769 <div class="diff-actions">
771 <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?fulldiff=1&amp;diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=diff&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Show full diff for this file">
770 <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?fulldiff=1&amp;diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=diff&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Show full diff for this file">
772 <img class="icon" src="/images/icons/page_white_go.png">
771 <img class="icon" src="/images/icons/page_white_go.png">
773 </a>
772 </a>
774 <a href="/andersonsantos/rhodecode-dev-fork/diff-2way/rhodecode/tests/functional/test_compare_local.py?fulldiff=1&amp;diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=diff&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Show full side-by-side diff for this file">
773 <a href="/andersonsantos/rhodecode-dev-fork/diff-2way/rhodecode/tests/functional/test_compare_local.py?fulldiff=1&amp;diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=diff&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Show full side-by-side diff for this file">
775 <img class="icon" src="/images/icons/application_double.png">
774 <img class="icon" src="/images/icons/application_double.png">
776 </a>
775 </a>
777 <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=raw&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Raw diff">
776 <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=raw&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Raw diff">
778 <img class="icon" src="/images/icons/page_white.png">
777 <img class="icon" src="/images/icons/page_white.png">
779 </a>
778 </a>
780 <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=download&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Download diff">
779 <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=download&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Download diff">
781 <img class="icon" src="/images/icons/page_save.png">
780 <img class="icon" src="/images/icons/page_save.png">
782 </a>
781 </a>
783 <a class="tooltip" href="/andersonsantos/rhodecode-dev-fork/changeset/4e5ee86997c64981d85cf62283af448624e26929?c-4e5ee86997c6-7046e4320b26=WS%3A1&amp;c-4e5ee86997c6-7046e4320b26=C%3A3#c-4e5ee86997c6-7046e4320b26" title="Ignore white space"><img alt="Ignore white space" class="icon" src="/images/icons/text_strikethrough.png"></a>
782 <a class="tooltip" href="/andersonsantos/rhodecode-dev-fork/changeset/4e5ee86997c64981d85cf62283af448624e26929?c-4e5ee86997c6-7046e4320b26=WS%3A1&amp;c-4e5ee86997c6-7046e4320b26=C%3A3#c-4e5ee86997c6-7046e4320b26" title="Ignore white space"><img alt="Ignore white space" class="icon" src="/images/icons/text_strikethrough.png"></a>
784 <a class="tooltip" href="/andersonsantos/rhodecode-dev-fork/changeset/4e5ee86997c64981d85cf62283af448624e26929?c-4e5ee86997c6-7046e4320b26=C%3A6#c-4e5ee86997c6-7046e4320b26" title="increase diff context to 6 lines"><img alt="increase diff context to 6 lines" class="icon" src="/images/icons/table_add.png"></a>
783 <a class="tooltip" href="/andersonsantos/rhodecode-dev-fork/changeset/4e5ee86997c64981d85cf62283af448624e26929?c-4e5ee86997c6-7046e4320b26=C%3A6#c-4e5ee86997c6-7046e4320b26" title="increase diff context to 6 lines"><img alt="increase diff context to 6 lines" class="icon" src="/images/icons/table_add.png"></a>
785 </div>
784 </div>
786 <span>
785 <span>
787 <label>
786 <label>
788 Show inline comments
787 Show inline comments
789 <input checked="checked" class="show-inline-comments" id="" id_for="c-4e5ee86997c6-7046e4320b26" name="" type="checkbox" value="1">
788 <input checked="checked" class="show-inline-comments" id="" id_for="c-4e5ee86997c6-7046e4320b26" name="" type="checkbox" value="1">
790 </label>
789 </label>
791 </span>
790 </span>
792 </div>
791 </div>
793 </div>
792 </div>
794 <div class="code-body">
793 <div class="code-body">
795 <div class="full_f_path" path="rhodecode/tests/functional/test_compare_local.py"></div>
794 <div class="full_f_path" path="rhodecode/tests/functional/test_compare_local.py"></div>
796 <table class="code-difftable">
795 <table class="code-difftable">
797 <tbody><tr class="line context">
796 <tbody><tr class="line context">
798 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o...">...</a></td>
797 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o...">...</a></td>
799 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n...">...</a></td>
798 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n...">...</a></td>
800 <td class="code ">
799 <td class="code ">
801 <pre>@@ -59,7 +59,7 @@
800 <pre>@@ -59,7 +59,7 @@
802 </pre>
801 </pre>
803 </td>
802 </td>
804 </tr>
803 </tr>
805 <tr class="line unmod">
804 <tr class="line unmod">
806 <td id="rhodecodetestsfunctionaltest_compare_localpy_o59" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o59">59</a></td>
805 <td id="rhodecodetestsfunctionaltest_compare_localpy_o59" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o59">59</a></td>
807 <td id="rhodecodetestsfunctionaltest_compare_localpy_n59" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n59">59</a></td>
806 <td id="rhodecodetestsfunctionaltest_compare_localpy_n59" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n59">59</a></td>
808 <td class="code ">
807 <td class="code ">
809 <pre> 'tag': 'v0.2.0',
808 <pre> 'tag': 'v0.2.0',
810 </pre>
809 </pre>
811 </td>
810 </td>
812 </tr>
811 </tr>
813 <tr class="line unmod">
812 <tr class="line unmod">
814 <td id="rhodecodetestsfunctionaltest_compare_localpy_o60" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o60">60</a></td>
813 <td id="rhodecodetestsfunctionaltest_compare_localpy_o60" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o60">60</a></td>
815 <td id="rhodecodetestsfunctionaltest_compare_localpy_n60" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n60">60</a></td>
814 <td id="rhodecodetestsfunctionaltest_compare_localpy_n60" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n60">60</a></td>
816 <td class="code ">
815 <td class="code ">
817 <pre> 'branch': 'default',
816 <pre> 'branch': 'default',
818 </pre>
817 </pre>
819 </td>
818 </td>
820 </tr>
819 </tr>
821 <tr class="line unmod">
820 <tr class="line unmod">
822 <td id="rhodecodetestsfunctionaltest_compare_localpy_o61" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o61">61</a></td>
821 <td id="rhodecodetestsfunctionaltest_compare_localpy_o61" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o61">61</a></td>
823 <td id="rhodecodetestsfunctionaltest_compare_localpy_n61" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n61">61</a></td>
822 <td id="rhodecodetestsfunctionaltest_compare_localpy_n61" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n61">61</a></td>
824 <td class="code ">
823 <td class="code ">
825 <pre> 'response': # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.
824 <pre> 'response': # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.
826 </pre>
825 </pre>
827 </td>
826 </td>
828 </tr>
827 </tr>
829 <tr class="line del">
828 <tr class="line del">
830 <td id="rhodecodetestsfunctionaltest_compare_localpy_o62" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o62">62</a></td>
829 <td id="rhodecodetestsfunctionaltest_compare_localpy_o62" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o62">62</a></td>
831 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
830 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
832 <td class="code ">
831 <td class="code ">
833 <pre> '147 files changed: 5700 inserted, 10176 deleted'
832 <pre> '147 files changed: 5700 inserted, 10176 deleted'
834 </pre>
833 </pre>
835 </td>
834 </td>
836 </tr>
835 </tr>
837 <tr class="line add">
836 <tr class="line add">
838 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
837 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
839 <td id="rhodecodetestsfunctionaltest_compare_localpy_n62" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n62">62</a></td>
838 <td id="rhodecodetestsfunctionaltest_compare_localpy_n62" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n62">62</a></td>
840 <td class="code ">
839 <td class="code ">
841 <pre><ins> </ins> '147 files changed: 5700 inserted, 10176 deleted'
840 <pre><ins> </ins> '147 files changed: 5700 inserted, 10176 deleted'
842 </pre>
841 </pre>
843 </td>
842 </td>
844 </tr>
843 </tr>
845 <tr class="line unmod">
844 <tr class="line unmod">
846 <td id="rhodecodetestsfunctionaltest_compare_localpy_o63" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o63">63</a></td>
845 <td id="rhodecodetestsfunctionaltest_compare_localpy_o63" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o63">63</a></td>
847 <td id="rhodecodetestsfunctionaltest_compare_localpy_n63" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n63">63</a></td>
846 <td id="rhodecodetestsfunctionaltest_compare_localpy_n63" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n63">63</a></td>
848 <td class="code ">
847 <td class="code ">
849 <pre> },
848 <pre> },
850 </pre>
849 </pre>
851 </td>
850 </td>
852 </tr>
851 </tr>
853 <tr class="line unmod">
852 <tr class="line unmod">
854 <td id="rhodecodetestsfunctionaltest_compare_localpy_o64" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o64">64</a></td>
853 <td id="rhodecodetestsfunctionaltest_compare_localpy_o64" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o64">64</a></td>
855 <td id="rhodecodetestsfunctionaltest_compare_localpy_n64" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n64">64</a></td>
854 <td id="rhodecodetestsfunctionaltest_compare_localpy_n64" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n64">64</a></td>
856 <td class="code ">
855 <td class="code ">
857 <pre> 'git': {
856 <pre> 'git': {
858 </pre>
857 </pre>
859 </td>
858 </td>
860 </tr>
859 </tr>
861 <tr class="line unmod">
860 <tr class="line unmod">
862 <td id="rhodecodetestsfunctionaltest_compare_localpy_o65" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o65">65</a></td>
861 <td id="rhodecodetestsfunctionaltest_compare_localpy_o65" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o65">65</a></td>
863 <td id="rhodecodetestsfunctionaltest_compare_localpy_n65" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n65">65</a></td>
862 <td id="rhodecodetestsfunctionaltest_compare_localpy_n65" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n65">65</a></td>
864 <td class="code ">
863 <td class="code ">
865 <pre> 'tag': 'v0.2.2',
864 <pre> 'tag': 'v0.2.2',
866 </pre>
865 </pre>
867 </td>
866 </td>
868 </tr>
867 </tr>
869 <tr class="line context">
868 <tr class="line context">
870 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o...">...</a></td>
869 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o...">...</a></td>
871 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n...">...</a></td>
870 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n...">...</a></td>
872 <td class="code ">
871 <td class="code ">
873 <pre>@@ -77,9 +77,11 @@
872 <pre>@@ -77,9 +77,11 @@
874 </pre>
873 </pre>
875 </td>
874 </td>
876 </tr>
875 </tr>
877 <tr class="line unmod">
876 <tr class="line unmod">
878 <td id="rhodecodetestsfunctionaltest_compare_localpy_o77" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o77">77</a></td>
877 <td id="rhodecodetestsfunctionaltest_compare_localpy_o77" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o77">77</a></td>
879 <td id="rhodecodetestsfunctionaltest_compare_localpy_n77" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n77">77</a></td>
878 <td id="rhodecodetestsfunctionaltest_compare_localpy_n77" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n77">77</a></td>
880 <td class="code ">
879 <td class="code ">
881 <pre> target_ref=revisions[backend.alias]['tag'],
880 <pre> target_ref=revisions[backend.alias]['tag'],
882 </pre>
881 </pre>
883 </td>
882 </td>
884 </tr>
883 </tr>
885 <tr class="line unmod">
884 <tr class="line unmod">
886 <td id="rhodecodetestsfunctionaltest_compare_localpy_o78" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o78">78</a></td>
885 <td id="rhodecodetestsfunctionaltest_compare_localpy_o78" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o78">78</a></td>
887 <td id="rhodecodetestsfunctionaltest_compare_localpy_n78" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n78">78</a></td>
886 <td id="rhodecodetestsfunctionaltest_compare_localpy_n78" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n78">78</a></td>
888 <td class="code ">
887 <td class="code ">
889 <pre> ))
888 <pre> ))
890 </pre>
889 </pre>
891 </td>
890 </td>
892 </tr><tr id="comment-tr-3754" class="inline-comments"><td></td><td></td><td>
891 </tr><tr id="comment-tr-3754" class="inline-comments"><td></td><td></td><td>
893
892
894 <div class="comment" id="comment-3754" line="n78">
893 <div class="comment" id="comment-3754" line="n78">
895 <div class="comment-wrapp">
894 <div class="comment-wrapp">
896 <div class="meta">
895 <div class="meta">
897 <span class="gravatar">
896 <span class="gravatar">
898 <img src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=40" height="20" width="20">
897 <img src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=40" height="20" width="20">
899 </span>
898 </span>
900 <span class="user">
899 <span class="user">
901 anderson
900 anderson
902 </span>
901 </span>
903 <span class="date">
902 <span class="date">
904 just now |
903 just now |
905 </span>
904 </span>
906 <span class="status-change">
905 <span class="status-change">
907 Comment on commit
906 Comment on commit
908 </span>
907 </span>
909 <a class="permalink" href="#comment-3754">ΒΆ</a>
908 <a class="permalink" href="#comment-3754">ΒΆ</a>
910 </div>
909 </div>
911 <div class="text">
910 <div class="text">
912 <div class="rst-block"><p>commented line
911 <div class="rst-block"><p>commented line
913 with multiple lines</p>
912 with multiple lines</p>
914 </div>
913 </div>
915 </div>
914 </div>
916 </div>
915 </div>
917 </div><div class="add-comment"><span class="btn btn-default">Add another comment</span></div>
916 </div><div class="add-comment"><span class="btn btn-default">Add another comment</span></div>
918
917
919 </td></tr>
918 </td></tr>
920 <tr class="line unmod">
919 <tr class="line unmod">
921 <td id="rhodecodetestsfunctionaltest_compare_localpy_o79" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o79">79</a></td>
920 <td id="rhodecodetestsfunctionaltest_compare_localpy_o79" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o79">79</a></td>
922 <td id="rhodecodetestsfunctionaltest_compare_localpy_n79" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n79">79</a></td>
921 <td id="rhodecodetestsfunctionaltest_compare_localpy_n79" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n79">79</a></td>
923 <td class="code ">
922 <td class="code ">
924 <pre></pre>
923 <pre></pre>
925 </td>
924 </td>
926 </tr>
925 </tr>
927 <tr class="line del form-open hl-comment">
926 <tr class="line del form-open hl-comment">
928 <td id="rhodecodetestsfunctionaltest_compare_localpy_o80" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o80">80</a></td>
927 <td id="rhodecodetestsfunctionaltest_compare_localpy_o80" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o80">80</a></td>
929 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
928 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
930 <td class="code ">
929 <td class="code ">
931 <pre> response.mustcontain('%s@%s' % (<del>backend.repo_name,</del>
930 <pre> response.mustcontain('%s@%s' % (<del>backend.repo_name,</del>
932 </pre>
931 </pre>
933 </td>
932 </td>
934 </tr><tr id="comment-tr-undefined" class="comment-form-inline"><td></td><td></td><td>
933 </tr><tr id="comment-tr-undefined" class="comment-form-inline"><td></td><td></td><td>
935 <div class="comment-inline-form ac">
934 <div class="comment-inline-form ac">
936 <div class="overlay"><div class="overlay-text">Submitting...</div></div>
935 <div class="overlay"><div class="overlay-text">Submitting...</div></div>
937 <form action="#" class="inline-form" method="get">
936 <form action="#" class="inline-form" method="get">
938 <div id="edit-container_o80" class="clearfix">
937 <div id="edit-container_o80" class="clearfix">
939 <div class="comment-title pull-left">
938 <div class="comment-title pull-left">
940 Commenting on line o80.
939 Commenting on line o80.
941 </div>
940 </div>
942 <div class="comment-help pull-right">
941 <div class="comment-help pull-right">
943 Comments parsed using <a href="http://docutils.sourceforge.io/docs/user/rst/quickref.html">RST</a> syntax with <span class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
942 Comments parsed using <a href="http://docutils.sourceforge.io/docs/user/rst/quickref.html">RST</a> syntax with <span class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
944 </div>
943 </div>
945 <div style="clear: both"></div>
944 <div style="clear: both"></div>
946 <textarea id="text_o80" name="text" class="comment-block-ta ac-input" autocomplete="off"></textarea>
945 <textarea id="text_o80" name="text" class="comment-block-ta ac-input" autocomplete="off"></textarea>
947 </div>
946 </div>
948 <div id="preview-container_o80" class="clearfix" style="display: none;">
947 <div id="preview-container_o80" class="clearfix" style="display: none;">
949 <div class="comment-help">
948 <div class="comment-help">
950 Comment preview
949 Comment preview
951 </div>
950 </div>
952 <div id="preview-box_o80" class="preview-box"></div>
951 <div id="preview-box_o80" class="preview-box"></div>
953 </div>
952 </div>
954 <div class="comment-button pull-right">
953 <div class="comment-button pull-right">
955 <input type="hidden" name="f_path" value="rhodecode/tests/functional/test_compare_local.py">
954 <input type="hidden" name="f_path" value="rhodecode/tests/functional/test_compare_local.py">
956 <input type="hidden" name="line" value="o80">
955 <input type="hidden" name="line" value="o80">
957 <div id="preview-btn_o80" class="btn btn-default">Preview</div>
956 <div id="preview-btn_o80" class="btn btn-default">Preview</div>
958 <div id="edit-btn_o80" class="btn" style="display: none;">Edit</div>
957 <div id="edit-btn_o80" class="btn" style="display: none;">Edit</div>
959 <input class="btn btn-success save-inline-form" id="save" name="save" type="submit" value="Comment">
958 <input class="btn btn-success save-inline-form" id="save" name="save" type="submit" value="Comment">
960 </div>
959 </div>
961 <div class="comment-button hide-inline-form-button">
960 <div class="comment-button hide-inline-form-button">
962 <input class="btn hide-inline-form" id="hide-inline-form" name="hide-inline-form" type="reset" value="Cancel">
961 <input class="btn hide-inline-form" id="hide-inline-form" name="hide-inline-form" type="reset" value="Cancel">
963 </div>
962 </div>
964 </form>
963 </form>
965 </div>
964 </div>
966 </td></tr>
965 </td></tr>
967 <tr class="line add">
966 <tr class="line add">
968 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
967 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
969 <td id="rhodecodetestsfunctionaltest_compare_localpy_n80" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n80">80</a></td>
968 <td id="rhodecodetestsfunctionaltest_compare_localpy_n80" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n80">80</a></td>
970 <td class="code ">
969 <td class="code ">
971 <pre> response.mustcontain('%s@%s' % (
970 <pre> response.mustcontain('%s@%s' % (
972 </pre>
971 </pre>
973 </td>
972 </td>
974 </tr>
973 </tr>
975 <tr class="line add">
974 <tr class="line add">
976 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
975 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
977 <td id="rhodecodetestsfunctionaltest_compare_localpy_n81" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n81">81</a></td>
976 <td id="rhodecodetestsfunctionaltest_compare_localpy_n81" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n81">81</a></td>
978 <td class="code ">
977 <td class="code ">
979 <pre> backend.repo_name,
978 <pre> backend.repo_name,
980 </pre>
979 </pre>
981 </td>
980 </td>
982 </tr>
981 </tr>
983 <tr class="line unmod">
982 <tr class="line unmod">
984 <td id="rhodecodetestsfunctionaltest_compare_localpy_o81" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o81">81</a></td>
983 <td id="rhodecodetestsfunctionaltest_compare_localpy_o81" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o81">81</a></td>
985 <td id="rhodecodetestsfunctionaltest_compare_localpy_n82" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n82">82</a></td>
984 <td id="rhodecodetestsfunctionaltest_compare_localpy_n82" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n82">82</a></td>
986 <td class="code ">
985 <td class="code ">
987 <pre> revisions[backend.alias]['branch']))
986 <pre> revisions[backend.alias]['branch']))
988 </pre>
987 </pre>
989 </td>
988 </td>
990 </tr>
989 </tr>
991 <tr class="line del">
990 <tr class="line del">
992 <td id="rhodecodetestsfunctionaltest_compare_localpy_o82" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o82">82</a></td>
991 <td id="rhodecodetestsfunctionaltest_compare_localpy_o82" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o82">82</a></td>
993 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
992 <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
994 <td class="code ">
993 <td class="code ">
995 <pre> response.mustcontain('%s@%s' % (<del>backend.repo_name,</del>
994 <pre> response.mustcontain('%s@%s' % (<del>backend.repo_name,</del>
996 </pre>
995 </pre>
997 </td>
996 </td>
998 </tr>
997 </tr>
999 <tr class="line add">
998 <tr class="line add">
1000 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
999 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
1001 <td id="rhodecodetestsfunctionaltest_compare_localpy_n83" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n83">83</a></td>
1000 <td id="rhodecodetestsfunctionaltest_compare_localpy_n83" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n83">83</a></td>
1002 <td class="code ">
1001 <td class="code ">
1003 <pre> response.mustcontain('%s@%s' % (
1002 <pre> response.mustcontain('%s@%s' % (
1004 </pre>
1003 </pre>
1005 </td>
1004 </td>
1006 </tr>
1005 </tr>
1007 <tr class="line add">
1006 <tr class="line add">
1008 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
1007 <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
1009 <td id="rhodecodetestsfunctionaltest_compare_localpy_n84" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n84">84</a></td>
1008 <td id="rhodecodetestsfunctionaltest_compare_localpy_n84" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n84">84</a></td>
1010 <td class="code ">
1009 <td class="code ">
1011 <pre> backend.repo_name,
1010 <pre> backend.repo_name,
1012 </pre>
1011 </pre>
1013 </td>
1012 </td>
1014 </tr>
1013 </tr>
1015 <tr class="line unmod">
1014 <tr class="line unmod">
1016 <td id="rhodecodetestsfunctionaltest_compare_localpy_o83" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o83">83</a></td>
1015 <td id="rhodecodetestsfunctionaltest_compare_localpy_o83" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o83">83</a></td>
1017 <td id="rhodecodetestsfunctionaltest_compare_localpy_n85" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n85">85</a></td>
1016 <td id="rhodecodetestsfunctionaltest_compare_localpy_n85" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n85">85</a></td>
1018 <td class="code ">
1017 <td class="code ">
1019 <pre> revisions[backend.alias]['tag']))
1018 <pre> revisions[backend.alias]['tag']))
1020 </pre>
1019 </pre>
1021 </td>
1020 </td>
1022 </tr>
1021 </tr>
1023 <tr class="line unmod">
1022 <tr class="line unmod">
1024 <td id="rhodecodetestsfunctionaltest_compare_localpy_o84" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o84">84</a></td>
1023 <td id="rhodecodetestsfunctionaltest_compare_localpy_o84" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o84">84</a></td>
1025 <td id="rhodecodetestsfunctionaltest_compare_localpy_n86" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n86">86</a></td>
1024 <td id="rhodecodetestsfunctionaltest_compare_localpy_n86" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n86">86</a></td>
1026 <td class="code ">
1025 <td class="code ">
1027 <pre> response.mustcontain(revisions[backend.alias]['response'])
1026 <pre> response.mustcontain(revisions[backend.alias]['response'])
1028 </pre>
1027 </pre>
1029 </td>
1028 </td>
1030 </tr>
1029 </tr>
1031 <tr class="line unmod">
1030 <tr class="line unmod">
1032 <td id="rhodecodetestsfunctionaltest_compare_localpy_o85" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o85">85</a></td>
1031 <td id="rhodecodetestsfunctionaltest_compare_localpy_o85" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o85">85</a></td>
1033 <td id="rhodecodetestsfunctionaltest_compare_localpy_n87" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n87">87</a></td>
1032 <td id="rhodecodetestsfunctionaltest_compare_localpy_n87" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n87">87</a></td>
1034 <td class="code ">
1033 <td class="code ">
1035 <pre></pre>
1034 <pre></pre>
1036 </td>
1035 </td>
1037 </tr>
1036 </tr>
1038 </tbody></table>
1037 </tbody></table>
1039 </div>
1038 </div>
1040 </div>
1039 </div>
1041 </div>
1040 </div>
1042
1041
1043
1042
1044
1043
1045 <!--
1044 <!--
1046 Side-by-side diff
1045 Side-by-side diff
1047 -->
1046 -->
1048
1047
1049 <h2>Side-by-side diff</h2>
1048 <h2>Side-by-side diff</h2>
1050
1049
1051 <div class="box">
1050 <div class="box">
1052 <div class="diff-container" style="overflow-x: hidden">
1051 <div class="diff-container" style="overflow-x: hidden">
1053 <div class="diffblock comm" style="margin:3px; padding:1px">
1052 <div class="diffblock comm" style="margin:3px; padding:1px">
1054 <div class="code-header">
1053 <div class="code-header">
1055 <div class="changeset_header">
1054 <div class="changeset_header">
1056 <div class="changeset_file">
1055 <div class="changeset_file">
1057 <i class="icon-file"></i>
1056 <i class="icon-file"></i>
1058 <a href="/pygments/files/ea295cfb622620f5ba13e226ec531e3fe5296399/tests/test_basic_api.py">tests/test_basic_api.py</a>
1057 <a href="/pygments/files/ea295cfb622620f5ba13e226ec531e3fe5296399/tests/test_basic_api.py">tests/test_basic_api.py</a>
1059 [mode: <span id="selected_mode">python</span>]
1058 [mode: <span id="selected_mode">python</span>]
1060 </div>
1059 </div>
1061 <div class="diff-actions">
1060 <div class="diff-actions">
1062 <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff=diff&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;fulldiff=1" class="tooltip" title="Show full diff for this file">
1061 <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff=diff&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;fulldiff=1" class="tooltip" title="Show full diff for this file">
1063 <img class="icon" src="/images/icons/page_white_go.png">
1062 <img class="icon" src="/images/icons/page_white_go.png">
1064 </a>
1063 </a>
1065 <a href="/pygments/diff-2way/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff=diff&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;fulldiff=1" class="tooltip" title="Show full side-by-side diff for this file" tt_title="Show full side-by-side diff for this file">
1064 <a href="/pygments/diff-2way/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff=diff&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;fulldiff=1" class="tooltip" title="Show full side-by-side diff for this file" tt_title="Show full side-by-side diff for this file">
1066 <img class="icon" src="/images/icons/application_double.png">
1065 <img class="icon" src="/images/icons/application_double.png">
1067 </a>
1066 </a>
1068 <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;diff=raw" class="tooltip" title="Raw diff">
1067 <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;diff=raw" class="tooltip" title="Raw diff">
1069 <img class="icon" src="/images/icons/page_white.png">
1068 <img class="icon" src="/images/icons/page_white.png">
1070 </a>
1069 </a>
1071 <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;diff=download" class="tooltip" title="Download diff">
1070 <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;diff=download" class="tooltip" title="Download diff">
1072 <img class="icon" src="/images/icons/page_save.png">
1071 <img class="icon" src="/images/icons/page_save.png">
1073 </a>
1072 </a>
1074 <label><input id="ignorews" name="ignorews" type="checkbox" value="1">ignore white space</label>
1073 <label><input id="ignorews" name="ignorews" type="checkbox" value="1">ignore white space</label>
1075 <label><input id="edit_mode" name="edit_mode" type="checkbox" value="1">turn on edit mode</label>
1074 <label><input id="edit_mode" name="edit_mode" type="checkbox" value="1">turn on edit mode</label>
1076
1075
1077 </div>
1076 </div>
1078 <div style="float: right; padding: 0px 10px 0px 0px">
1077 <div style="float: right; padding: 0px 10px 0px 0px">
1079 r1538:de45f950b669 ... r1539:ea295cfb6226
1078 r1538:de45f950b669 ... r1539:ea295cfb6226
1080 </div>
1079 </div>
1081 </div>
1080 </div>
1082 </div>
1081 </div>
1083 <div id="compare"></div>
1082 <div id="compare"></div>
1084 </div>
1083 </div>
1085 </div>
1084 </div>
1086
1085
1087 <script>
1086 <script>
1088 $(document).ready(function () {
1087 $(document).ready(function () {
1089 var example_lines = '1\n2\n3\n4\n5\n6\n7\n8\n9\n \n';
1088 var example_lines = '1\n2\n3\n4\n5\n6\n7\n8\n9\n \n';
1090
1089
1091 $('#compare').mergely({
1090 $('#compare').mergely({
1092 width: 'auto',
1091 width: 'auto',
1093 height: '600',
1092 height: '600',
1094 fgcolor: {a:'#ddffdd',c:'#cccccc',d:'#ffdddd'},
1093 fgcolor: {a:'#ddffdd',c:'#cccccc',d:'#ffdddd'},
1095 bgcolor: '#fff',
1094 bgcolor: '#fff',
1096 viewport: true,
1095 viewport: true,
1097 cmsettings: {mode: 'text/plain', readOnly: true, lineWrapping: false, lineNumbers: true},
1096 cmsettings: {mode: 'text/plain', readOnly: true, lineWrapping: false, lineNumbers: true},
1098 lhs: function(setValue) {
1097 lhs: function(setValue) {
1099 if("False" == "True"){
1098 if("False" == "True"){
1100 setValue('Binary file')
1099 setValue('Binary file')
1101 }
1100 }
1102 else if("MercurialCommit" == "EmptyCommit"){
1101 else if("MercurialCommit" == "EmptyCommit"){
1103 setValue('');
1102 setValue('');
1104 }
1103 }
1105 else{
1104 else{
1106 var left_value = example_lines.slice(0, 10) +
1105 var left_value = example_lines.slice(0, 10) +
1107 '123456789 '.repeat(10) +
1106 '123456789 '.repeat(10) +
1108 '\n'+
1107 '\n'+
1109 example_lines.slice(10, 20);
1108 example_lines.slice(10, 20);
1110 setValue(left_value + example_lines.repeat(9));
1109 setValue(left_value + example_lines.repeat(9));
1111 }
1110 }
1112
1111
1113 },
1112 },
1114 rhs: function(setValue) {
1113 rhs: function(setValue) {
1115 if("False" == "True"){
1114 if("False" == "True"){
1116 setValue('Binary file')
1115 setValue('Binary file')
1117 }
1116 }
1118 else if("MercurialCommit" == "EmptyCommit"){
1117 else if("MercurialCommit" == "EmptyCommit"){
1119 setValue('');
1118 setValue('');
1120 }
1119 }
1121 else{
1120 else{
1122 var right_value = example_lines +
1121 var right_value = example_lines +
1123 example_lines.slice(0, 8) +
1122 example_lines.slice(0, 8) +
1124 'abcdefghi '.repeat(10) +
1123 'abcdefghi '.repeat(10) +
1125 '\n'+
1124 '\n'+
1126 example_lines.slice(8, 20);
1125 example_lines.slice(8, 20);
1127 setValue(right_value + example_lines.repeat(9));
1126 setValue(right_value + example_lines.repeat(9));
1128 }
1127 }
1129 },
1128 },
1130 });
1129 });
1131
1130
1132 var detected_mode = detectCodeMirrorModeFromExt('test_basic_api.py', true);
1131 var detected_mode = detectCodeMirrorModeFromExt('test_basic_api.py', true);
1133 if(detected_mode){
1132 if(detected_mode){
1134 setCodeMirrorMode($('#compare').mergely('cm', 'lhs'), detected_mode);
1133 setCodeMirrorMode($('#compare').mergely('cm', 'lhs'), detected_mode);
1135 setCodeMirrorMode($('#compare').mergely('cm', 'rhs'), detected_mode);
1134 setCodeMirrorMode($('#compare').mergely('cm', 'rhs'), detected_mode);
1136 $('#selected_mode').html(detected_mode);
1135 $('#selected_mode').html(detected_mode);
1137 }
1136 }
1138
1137
1139 $('#ignorews').change(function(e){
1138 $('#ignorews').change(function(e){
1140 var val = e.currentTarget.checked;
1139 var val = e.currentTarget.checked;
1141 $('#compare').mergely('options', {ignorews: val});
1140 $('#compare').mergely('options', {ignorews: val});
1142 $('#compare').mergely('update');
1141 $('#compare').mergely('update');
1143 });
1142 });
1144 $('#edit_mode').change(function(e){
1143 $('#edit_mode').change(function(e){
1145 var val = !e.currentTarget.checked;
1144 var val = !e.currentTarget.checked;
1146 $('#compare').mergely('cm', 'lhs').setOption('readOnly', val);
1145 $('#compare').mergely('cm', 'lhs').setOption('readOnly', val);
1147 $('#compare').mergely('cm', 'rhs').setOption('readOnly', val);
1146 $('#compare').mergely('cm', 'rhs').setOption('readOnly', val);
1148 $('#compare').mergely('update');
1147 $('#compare').mergely('update');
1149 })
1148 })
1150 });
1149 });
1151 </script>
1150 </script>
1152
1151
1153 </div>
1152 </div>
1154
1153
1155 <!-- end examples -->
1154 <!-- end examples -->
1156
1155
1157 </div>
1156 </div>
1158 </div>
1157 </div>
1159 </div>
1158 </div>
1160 </%def>
1159 </%def>
@@ -1,962 +1,961 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
17 ${self.sidebar()}
19
18
20 <div class="main-content">
19 <div class="main-content">
21
20
22 <h2>Collapsable Content</h2>
21 <h2>Collapsable Content</h2>
23 <p>Where a section may have a very long list of information, it can be desirable to use collapsable content. There is a premade function for showing/hiding elements, though its use may or may not be practical, depending on the situation. Use it, or don't, on a case-by-case basis.</p>
22 <p>Where a section may have a very long list of information, it can be desirable to use collapsable content. There is a premade function for showing/hiding elements, though its use may or may not be practical, depending on the situation. Use it, or don't, on a case-by-case basis.</p>
24
23
25 <p><strong>To use the collapsable-content function:</strong> Create a toggle button using <code>&lt;div class="btn-collapse"&gt;Show More&lt;/div&gt;</code> and a data attribute using <code>data-toggle</code>. Clicking this button will toggle any sibling element(s) containing the class <code>collapsable-content</code> and an identical <code>data-toggle</code> attribute. It will also change the button to read "Show Less"; another click toggles it back to the previous state. Ideally, use pre-existing elements and add the class and attribute; creating a new div around the existing content may lead to unexpected results, as the toggle function will use <code>display:block</code> if no previous display specification was found.
24 <p><strong>To use the collapsable-content function:</strong> Create a toggle button using <code>&lt;div class="btn-collapse"&gt;Show More&lt;/div&gt;</code> and a data attribute using <code>data-toggle</code>. Clicking this button will toggle any sibling element(s) containing the class <code>collapsable-content</code> and an identical <code>data-toggle</code> attribute. It will also change the button to read "Show Less"; another click toggles it back to the previous state. Ideally, use pre-existing elements and add the class and attribute; creating a new div around the existing content may lead to unexpected results, as the toggle function will use <code>display:block</code> if no previous display specification was found.
26 </p>
25 </p>
27 <p>Notes:</p>
26 <p>Notes:</p>
28 <ul>
27 <ul>
29 <li>Changes made to the text of the button will require adjustment to the function, but for the sake of consistency and user experience, this is best avoided. </li>
28 <li>Changes made to the text of the button will require adjustment to the function, but for the sake of consistency and user experience, this is best avoided. </li>
30 <li>Collapsable content inside of a pjax loaded container will require <code>collapsableContent();</code> to be called from within the container. No variables are necessary.</li>
29 <li>Collapsable content inside of a pjax loaded container will require <code>collapsableContent();</code> to be called from within the container. No variables are necessary.</li>
31 </ul>
30 </ul>
32
31
33 </div> <!-- .main-content -->
32 </div> <!-- .main-content -->
34 </div> <!-- .sidebar-col-wrapper -->
33 </div> <!-- .sidebar-col-wrapper -->
35 </div> <!-- .box -->
34 </div> <!-- .box -->
36
35
37 <!-- CONTENT -->
36 <!-- CONTENT -->
38 <div id="content" class="wrapper">
37 <div id="content" class="wrapper">
39
38
40 <div class="main">
39 <div class="main">
41
40
42 <div class="box">
41 <div class="box">
43 <div class="title">
42 <div class="title">
44 <h1>
43 <h1>
45 Diff: enable filename with spaces on diffs
44 Diff: enable filename with spaces on diffs
46 </h1>
45 </h1>
47 <h1>
46 <h1>
48 <i class="icon-hg" ></i>
47 <i class="icon-hg" ></i>
49
48
50 <i class="icon-lock"></i>
49 <i class="icon-lock"></i>
51 <span><a href="/rhodecode-momentum">rhodecode-momentum</a></span>
50 <span><a href="/rhodecode-momentum">rhodecode-momentum</a></span>
52
51
53 </h1>
52 </h1>
54 </div>
53 </div>
55
54
56 <div class="box pr-summary">
55 <div class="box pr-summary">
57 <div class="summary-details block-left">
56 <div class="summary-details block-left">
58
57
59 <div class="pr-details-title">
58 <div class="pr-details-title">
60
59
61 Pull request #720 From Tue, 17 Feb 2015 16:21:38
60 Pull request #720 From Tue, 17 Feb 2015 16:21:38
62 <div class="btn-collapse" data-toggle="description">Show More</div>
61 <div class="btn-collapse" data-toggle="description">Show More</div>
63 </div>
62 </div>
64 <div id="summary" class="fields pr-details-content">
63 <div id="summary" class="fields pr-details-content">
65 <div class="field">
64 <div class="field">
66 <div class="label-summary">
65 <div class="label-summary">
67 <label>Origin:</label>
66 <label>Origin:</label>
68 </div>
67 </div>
69 <div class="input">
68 <div class="input">
70 <div>
69 <div>
71 <span class="tag">
70 <span class="tag">
72 <a href="/andersonsantos/rhodecode-momentum-fork#fix_574">book: fix_574</a>
71 <a href="/andersonsantos/rhodecode-momentum-fork#fix_574">book: fix_574</a>
73 </span>
72 </span>
74 <span class="clone-url">
73 <span class="clone-url">
75 <a href="/andersonsantos/rhodecode-momentum-fork">https://code.rhodecode.com/andersonsantos/rhodecode-momentum-fork</a>
74 <a href="/andersonsantos/rhodecode-momentum-fork">https://code.rhodecode.com/andersonsantos/rhodecode-momentum-fork</a>
76 </span>
75 </span>
77 </div>
76 </div>
78 <div>
77 <div>
79 <br>
78 <br>
80 <input type="text" value="hg pull -r 46b3d50315f0 https://code.rhodecode.com/andersonsantos/rhodecode-momentum-fork" readonly="readonly">
79 <input type="text" value="hg pull -r 46b3d50315f0 https://code.rhodecode.com/andersonsantos/rhodecode-momentum-fork" readonly="readonly">
81 </div>
80 </div>
82 </div>
81 </div>
83 </div>
82 </div>
84 <div class="field">
83 <div class="field">
85 <div class="label-summary">
84 <div class="label-summary">
86 <label>Review:</label>
85 <label>Review:</label>
87 </div>
86 </div>
88 <div class="input">
87 <div class="input">
89 <div class="flag_status under_review tooltip pull-left" title="Pull request status calculated from votes"></div>
88 <div class="flag_status under_review tooltip pull-left" title="Pull request status calculated from votes"></div>
90 <span class="changeset-status-lbl tooltip" title="Pull request status calculated from votes">
89 <span class="changeset-status-lbl tooltip" title="Pull request status calculated from votes">
91 Under Review
90 Under Review
92 </span>
91 </span>
93
92
94 </div>
93 </div>
95 </div>
94 </div>
96 <div class="field collapsable-content" data-toggle="description">
95 <div class="field collapsable-content" data-toggle="description">
97 <div class="label-summary">
96 <div class="label-summary">
98 <label>Description:</label>
97 <label>Description:</label>
99 </div>
98 </div>
100 <div class="input">
99 <div class="input">
101 <div class="pr-description">Fixing issue <a class="issue- tracker-link" href="http://bugs.rhodecode.com/issues/574"># 574</a>, changing regex for capturing filenames</div>
100 <div class="pr-description">Fixing issue <a class="issue- tracker-link" href="http://bugs.rhodecode.com/issues/574"># 574</a>, changing regex for capturing filenames</div>
102 </div>
101 </div>
103 </div>
102 </div>
104 <div class="field collapsable-content" data-toggle="description">
103 <div class="field collapsable-content" data-toggle="description">
105 <div class="label-summary">
104 <div class="label-summary">
106 <label>Comments:</label>
105 <label>Comments:</label>
107 </div>
106 </div>
108 <div class="input">
107 <div class="input">
109 <div>
108 <div>
110 <div class="comments-number">
109 <div class="comments-number">
111 <a href="#inline-comments-container">0 Pull request comments</a>,
110 <a href="#inline-comments-container">0 Pull request comments</a>,
112 0 Inline Comments
111 0 Inline Comments
113 </div>
112 </div>
114 </div>
113 </div>
115 </div>
114 </div>
116 </div>
115 </div>
117 </div>
116 </div>
118 </div>
117 </div>
119 <div>
118 <div>
120 <div class="reviewers-title block-right">
119 <div class="reviewers-title block-right">
121 <div class="pr-details-title">
120 <div class="pr-details-title">
122 Author
121 Author
123 </div>
122 </div>
124 </div>
123 </div>
125 <div class="block-right pr-details-content reviewers">
124 <div class="block-right pr-details-content reviewers">
126 <ul class="group_members">
125 <ul class="group_members">
127 <li>
126 <li>
128 <img class="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=32" height="16" width="16">
127 <img class="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=32" height="16" width="16">
129 <span class="user"> <a href="/_profiles/lolek">lolek (Lolek Santos)</a></span>
128 <span class="user"> <a href="/_profiles/lolek">lolek (Lolek Santos)</a></span>
130 </li>
129 </li>
131 </ul>
130 </ul>
132 </div>
131 </div>
133 <div class="reviewers-title block-right">
132 <div class="reviewers-title block-right">
134 <div class="pr-details-title">
133 <div class="pr-details-title">
135 Pull request reviewers
134 Pull request reviewers
136 <span class="btn-collapse" data-toggle="reviewers">Show More</span>
135 <span class="btn-collapse" data-toggle="reviewers">Show More</span>
137 </div>
136 </div>
138
137
139 </div>
138 </div>
140 <div id="reviewers" class="block-right pr-details-content reviewers">
139 <div id="reviewers" class="block-right pr-details-content reviewers">
141
140
142 <ul id="review_members" class="group_members">
141 <ul id="review_members" class="group_members">
143 <li id="reviewer_70">
142 <li id="reviewer_70">
144 <div class="reviewers_member">
143 <div class="reviewers_member">
145 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
144 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
146 <div class="flag_status rejected pull-left reviewer_member_status"></div>
145 <div class="flag_status rejected pull-left reviewer_member_status"></div>
147 </div>
146 </div>
148 <img class="gravatar" src="https://secure.gravatar.com/avatar/153a0fab13160b3e64a2cbc7c0373506?d=identicon&amp;s=32" height="16" width="16">
147 <img class="gravatar" src="https://secure.gravatar.com/avatar/153a0fab13160b3e64a2cbc7c0373506?d=identicon&amp;s=32" height="16" width="16">
149 <span class="user"> <a href="/_profiles/jenkins-tests">jenkins-tests</a> (reviewer)</span>
148 <span class="user"> <a href="/_profiles/jenkins-tests">jenkins-tests</a> (reviewer)</span>
150 </div>
149 </div>
151 <input id="reviewer_70_input" type="hidden" value="70" name="review_members">
150 <input id="reviewer_70_input" type="hidden" value="70" name="review_members">
152 <div class="reviewer_member_remove action_button" onclick="removeMember(70, true)" style="visibility: hidden;">
151 <div class="reviewer_member_remove action_button" onclick="removeMember(70, true)" style="visibility: hidden;">
153 <i class="icon-remove"></i>
152 <i class="icon-remove"></i>
154 </div>
153 </div>
155 </li>
154 </li>
156 <li id="reviewer_33" class="collapsable-content" data-toggle="reviewers">
155 <li id="reviewer_33" class="collapsable-content" data-toggle="reviewers">
157 <div class="reviewers_member">
156 <div class="reviewers_member">
158 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
157 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
159 <div class="flag_status approved pull-left reviewer_member_status"></div>
158 <div class="flag_status approved pull-left reviewer_member_status"></div>
160 </div>
159 </div>
161 <img class="gravatar" src="https://secure.gravatar.com/avatar/ffd6a317ec2b66be880143cd8459d0d9?d=identicon&amp;s=32" height="16" width="16">
160 <img class="gravatar" src="https://secure.gravatar.com/avatar/ffd6a317ec2b66be880143cd8459d0d9?d=identicon&amp;s=32" height="16" width="16">
162 <span class="user"> <a href="/_profiles/jenkins-tests">garbas (Rok Garbas)</a> (reviewer)</span>
161 <span class="user"> <a href="/_profiles/jenkins-tests">garbas (Rok Garbas)</a> (reviewer)</span>
163 </div>
162 </div>
164 </li>
163 </li>
165 <li id="reviewer_2" class="collapsable-content" data-toggle="reviewers">
164 <li id="reviewer_2" class="collapsable-content" data-toggle="reviewers">
166 <div class="reviewers_member">
165 <div class="reviewers_member">
167 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
166 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
168 <div class="flag_status not_reviewed pull-left reviewer_member_status"></div>
167 <div class="flag_status not_reviewed pull-left reviewer_member_status"></div>
169 </div>
168 </div>
170 <img class="gravatar" src="https://secure.gravatar.com/avatar/aad9d40cac1259ea39b5578554ad9d64?d=identicon&amp;s=32" height="16" width="16">
169 <img class="gravatar" src="https://secure.gravatar.com/avatar/aad9d40cac1259ea39b5578554ad9d64?d=identicon&amp;s=32" height="16" width="16">
171 <span class="user"> <a href="/_profiles/jenkins-tests">marcink (Marcin Kuzminski)</a> (reviewer)</span>
170 <span class="user"> <a href="/_profiles/jenkins-tests">marcink (Marcin Kuzminski)</a> (reviewer)</span>
172 </div>
171 </div>
173 </li>
172 </li>
174 <li id="reviewer_36" class="collapsable-content" data-toggle="reviewers">
173 <li id="reviewer_36" class="collapsable-content" data-toggle="reviewers">
175 <div class="reviewers_member">
174 <div class="reviewers_member">
176 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
175 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
177 <div class="flag_status approved pull-left reviewer_member_status"></div>
176 <div class="flag_status approved pull-left reviewer_member_status"></div>
178 </div>
177 </div>
179 <img class="gravatar" src="https://secure.gravatar.com/avatar/7a4da001a0af0016ed056ab523255db9?d=identicon&amp;s=32" height="16" width="16">
178 <img class="gravatar" src="https://secure.gravatar.com/avatar/7a4da001a0af0016ed056ab523255db9?d=identicon&amp;s=32" height="16" width="16">
180 <span class="user"> <a href="/_profiles/jenkins-tests">johbo (Johannes Bornhold)</a> (reviewer)</span>
179 <span class="user"> <a href="/_profiles/jenkins-tests">johbo (Johannes Bornhold)</a> (reviewer)</span>
181 </div>
180 </div>
182 </li>
181 </li>
183 <li id="reviewer_47" class="collapsable-content" data-toggle="reviewers">
182 <li id="reviewer_47" class="collapsable-content" data-toggle="reviewers">
184 <div class="reviewers_member">
183 <div class="reviewers_member">
185 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
184 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
186 <div class="flag_status under_review pull-left reviewer_member_status"></div>
185 <div class="flag_status under_review pull-left reviewer_member_status"></div>
187 </div>
186 </div>
188 <img class="gravatar" src="https://secure.gravatar.com/avatar/8f6dc00dce79d6bd7d415be5cea6a008?d=identicon&amp;s=32" height="16" width="16">
187 <img class="gravatar" src="https://secure.gravatar.com/avatar/8f6dc00dce79d6bd7d415be5cea6a008?d=identicon&amp;s=32" height="16" width="16">
189 <span class="user"> <a href="/_profiles/jenkins-tests">lisaq (Lisa Quatmann)</a> (reviewer)</span>
188 <span class="user"> <a href="/_profiles/jenkins-tests">lisaq (Lisa Quatmann)</a> (reviewer)</span>
190 </div>
189 </div>
191 </li>
190 </li>
192 <li id="reviewer_49" class="collapsable-content" data-toggle="reviewers">
191 <li id="reviewer_49" class="collapsable-content" data-toggle="reviewers">
193 <div class="reviewers_member">
192 <div class="reviewers_member">
194 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
193 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
195 <div class="flag_status approved pull-left reviewer_member_status"></div>
194 <div class="flag_status approved pull-left reviewer_member_status"></div>
196 </div>
195 </div>
197 <img class="gravatar" src="https://secure.gravatar.com/avatar/89f722927932a8f737a0feafb03a606e?d=identicon&amp;s=32" height="16" width="16">
196 <img class="gravatar" src="https://secure.gravatar.com/avatar/89f722927932a8f737a0feafb03a606e?d=identicon&amp;s=32" height="16" width="16">
198 <span class="user"> <a href="/_profiles/jenkins-tests">paris (Paris Kolios)</a> (reviewer)</span>
197 <span class="user"> <a href="/_profiles/jenkins-tests">paris (Paris Kolios)</a> (reviewer)</span>
199 </div>
198 </div>
200 </li>
199 </li>
201 <li id="reviewer_50" class="collapsable-content" data-toggle="reviewers">
200 <li id="reviewer_50" class="collapsable-content" data-toggle="reviewers">
202 <div class="reviewers_member">
201 <div class="reviewers_member">
203 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
202 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
204 <div class="flag_status approved pull-left reviewer_member_status"></div>
203 <div class="flag_status approved pull-left reviewer_member_status"></div>
205 </div>
204 </div>
206 <img class="gravatar" src="https://secure.gravatar.com/avatar/081322c975e8545ec269372405fbd016?d=identicon&amp;s=32" height="16" width="16">
205 <img class="gravatar" src="https://secure.gravatar.com/avatar/081322c975e8545ec269372405fbd016?d=identicon&amp;s=32" height="16" width="16">
207 <span class="user"> <a href="/_profiles/jenkins-tests">ergo (Marcin Lulek)</a> (reviewer)</span>
206 <span class="user"> <a href="/_profiles/jenkins-tests">ergo (Marcin Lulek)</a> (reviewer)</span>
208 </div>
207 </div>
209 </li>
208 </li>
210 <li id="reviewer_54" class="collapsable-content" data-toggle="reviewers">
209 <li id="reviewer_54" class="collapsable-content" data-toggle="reviewers">
211 <div class="reviewers_member">
210 <div class="reviewers_member">
212 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
211 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
213 <div class="flag_status under_review pull-left reviewer_member_status"></div>
212 <div class="flag_status under_review pull-left reviewer_member_status"></div>
214 </div>
213 </div>
215 <img class="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=32" height="16" width="16">
214 <img class="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=32" height="16" width="16">
216 <span class="user"> <a href="/_profiles/jenkins-tests">anderson (Anderson Santos)</a> (reviewer)</span>
215 <span class="user"> <a href="/_profiles/jenkins-tests">anderson (Anderson Santos)</a> (reviewer)</span>
217 </div>
216 </div>
218 </li>
217 </li>
219 <li id="reviewer_57" class="collapsable-content" data-toggle="reviewers">
218 <li id="reviewer_57" class="collapsable-content" data-toggle="reviewers">
220 <div class="reviewers_member">
219 <div class="reviewers_member">
221 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
220 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
222 <div class="flag_status approved pull-left reviewer_member_status"></div>
221 <div class="flag_status approved pull-left reviewer_member_status"></div>
223 </div>
222 </div>
224 <img class="gravatar" src="https://secure.gravatar.com/avatar/23e2ee8f5fd462cba8129a40cc1e896c?d=identicon&amp;s=32" height="16" width="16">
223 <img class="gravatar" src="https://secure.gravatar.com/avatar/23e2ee8f5fd462cba8129a40cc1e896c?d=identicon&amp;s=32" height="16" width="16">
225 <span class="user"> <a href="/_profiles/jenkins-tests">gmgauthier (Greg Gauthier)</a> (reviewer)</span>
224 <span class="user"> <a href="/_profiles/jenkins-tests">gmgauthier (Greg Gauthier)</a> (reviewer)</span>
226 </div>
225 </div>
227 </li>
226 </li>
228 <li id="reviewer_31" class="collapsable-content" data-toggle="reviewers">
227 <li id="reviewer_31" class="collapsable-content" data-toggle="reviewers">
229 <div class="reviewers_member">
228 <div class="reviewers_member">
230 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
229 <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
231 <div class="flag_status under_review pull-left reviewer_member_status"></div>
230 <div class="flag_status under_review pull-left reviewer_member_status"></div>
232 </div>
231 </div>
233 <img class="gravatar" src="https://secure.gravatar.com/avatar/0c9a7e6674b6f0b35d98dbe073e3f0ab?d=identicon&amp;s=32" height="16" width="16">
232 <img class="gravatar" src="https://secure.gravatar.com/avatar/0c9a7e6674b6f0b35d98dbe073e3f0ab?d=identicon&amp;s=32" height="16" width="16">
234 <span class="user"> <a href="/_profiles/jenkins-tests">ostrobel (Oliver Strobel)</a> (reviewer)</span>
233 <span class="user"> <a href="/_profiles/jenkins-tests">ostrobel (Oliver Strobel)</a> (reviewer)</span>
235 </div>
234 </div>
236 </li>
235 </li>
237 </ul>
236 </ul>
238 <div id="add_reviewer_input" class="ac" style="display: none;">
237 <div id="add_reviewer_input" class="ac" style="display: none;">
239 </div>
238 </div>
240 </div>
239 </div>
241 </div>
240 </div>
242 </div>
241 </div>
243 </div>
242 </div>
244 <div class="box">
243 <div class="box">
245 <div class="table" >
244 <div class="table" >
246 <div id="changeset_compare_view_content">
245 <div id="changeset_compare_view_content">
247 <div class="compare_view_commits_title">
246 <div class="compare_view_commits_title">
248 <h2>Compare View: 6 commits<span class="btn-collapse" data-toggle="commits">Show More</span></h2>
247 <h2>Compare View: 6 commits<span class="btn-collapse" data-toggle="commits">Show More</span></h2>
249
248
250 </div>
249 </div>
251 <div class="container">
250 <div class="container">
252
251
253
252
254 <table class="rctable compare_view_commits">
253 <table class="rctable compare_view_commits">
255 <tr>
254 <tr>
256 <th>Time</th>
255 <th>Time</th>
257 <th>Author</th>
256 <th>Author</th>
258 <th>Commit</th>
257 <th>Commit</th>
259 <th></th>
258 <th></th>
260 <th>Title</th>
259 <th>Title</th>
261 </tr>
260 </tr>
262 <tr id="row-7e83e5cd7812dd9e055ce30e77c65cdc08154b43" commit_id="7e83e5cd7812dd9e055ce30e77c65cdc08154b43" class="compare_select">
261 <tr id="row-7e83e5cd7812dd9e055ce30e77c65cdc08154b43" commit_id="7e83e5cd7812dd9e055ce30e77c65cdc08154b43" class="compare_select">
263 <td class="td-time">
262 <td class="td-time">
264 <span class="tooltip" title="3 hours and 23 minutes ago" tt_title="3 hours and 23 minutes ago">2015-02-18 10:13:34</span>
263 <span class="tooltip" title="3 hours and 23 minutes ago" tt_title="3 hours and 23 minutes ago">2015-02-18 10:13:34</span>
265 </td>
264 </td>
266 <td class="td-user">
265 <td class="td-user">
267 <div class="gravatar_with_user">
266 <div class="gravatar_with_user">
268 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=16">
267 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=16">
269 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">brian (Brian Butler)</span>
268 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">brian (Brian Butler)</span>
270 </div>
269 </div>
271 </td>
270 </td>
272 <td class="td-hash">
271 <td class="td-hash">
273 <code>
272 <code>
274 <a href="/brian/documentation-rep/changeset/7e83e5cd7812dd9e055ce30e77c65cdc08154b43">r395:7e83e5cd7812</a>
273 <a href="/brian/documentation-rep/changeset/7e83e5cd7812dd9e055ce30e77c65cdc08154b43">r395:7e83e5cd7812</a>
275 </code>
274 </code>
276 </td>
275 </td>
277 <td class="expand_commit" data-commit-id="7e83e5cd7812dd9e055ce30e77c65cdc08154b43" title="Expand commit message">
276 <td class="expand_commit" data-commit-id="7e83e5cd7812dd9e055ce30e77c65cdc08154b43" title="Expand commit message">
278 <div class="show_more_col">
277 <div class="show_more_col">
279 <i class="show_more"></i>
278 <i class="show_more"></i>
280 </div>
279 </div>
281 </td>
280 </td>
282 <td class="mid td-description">
281 <td class="mid td-description">
283 <div class="log-container truncate-wrap">
282 <div class="log-container truncate-wrap">
284 <div id="c-7e83e5cd7812dd9e055ce30e77c65cdc08154b43" class="message truncate">rep: added how we doc to guide</div>
283 <div id="c-7e83e5cd7812dd9e055ce30e77c65cdc08154b43" class="message truncate">rep: added how we doc to guide</div>
285 </div>
284 </div>
286 </td>
285 </td>
287 </tr>
286 </tr>
288 <tr id="row-48ce1581bdb3aa7679c246cbdd3fb030623f5c87" commit_id="48ce1581bdb3aa7679c246cbdd3fb030623f5c87" class="compare_select">
287 <tr id="row-48ce1581bdb3aa7679c246cbdd3fb030623f5c87" commit_id="48ce1581bdb3aa7679c246cbdd3fb030623f5c87" class="compare_select">
289 <td class="td-time">
288 <td class="td-time">
290 <span class="tooltip" title="4 hours and 18 minutes ago">2015-02-18 09:18:31</span>
289 <span class="tooltip" title="4 hours and 18 minutes ago">2015-02-18 09:18:31</span>
291 </td>
290 </td>
292 <td class="td-user">
291 <td class="td-user">
293 <div class="gravatar_with_user">
292 <div class="gravatar_with_user">
294 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=16">
293 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=16">
295 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">brian (Brian Butler)</span>
294 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">brian (Brian Butler)</span>
296 </div>
295 </div>
297 </td>
296 </td>
298 <td class="td-hash">
297 <td class="td-hash">
299 <code>
298 <code>
300 <a href="/brian/documentation-rep/changeset/48ce1581bdb3aa7679c246cbdd3fb030623f5c87">r394:48ce1581bdb3</a>
299 <a href="/brian/documentation-rep/changeset/48ce1581bdb3aa7679c246cbdd3fb030623f5c87">r394:48ce1581bdb3</a>
301 </code>
300 </code>
302 </td>
301 </td>
303 <td class="expand_commit" data-commit-id="48ce1581bdb3aa7679c246cbdd3fb030623f5c87" title="Expand commit message">
302 <td class="expand_commit" data-commit-id="48ce1581bdb3aa7679c246cbdd3fb030623f5c87" title="Expand commit message">
304 <div class="show_more_col">
303 <div class="show_more_col">
305 <i class="show_more"></i>
304 <i class="show_more"></i>
306 </div>
305 </div>
307 </td>
306 </td>
308 <td class="mid td-description">
307 <td class="mid td-description">
309 <div class="log-container truncate-wrap">
308 <div class="log-container truncate-wrap">
310 <div id="c-48ce1581bdb3aa7679c246cbdd3fb030623f5c87" class="message truncate">repo 0004 - typo</div>
309 <div id="c-48ce1581bdb3aa7679c246cbdd3fb030623f5c87" class="message truncate">repo 0004 - typo</div>
311 </div>
310 </div>
312 </td>
311 </td>
313 </tr>
312 </tr>
314 <tr id="row-982d857aafb4c71e7686e419c32b71c9a837257d" commit_id="982d857aafb4c71e7686e419c32b71c9a837257d" class="compare_select collapsable-content" data-toggle="commits">
313 <tr id="row-982d857aafb4c71e7686e419c32b71c9a837257d" commit_id="982d857aafb4c71e7686e419c32b71c9a837257d" class="compare_select collapsable-content" data-toggle="commits">
315 <td class="td-time">
314 <td class="td-time">
316 <span class="tooltip" title="4 hours and 22 minutes ago">2015-02-18 09:14:45</span>
315 <span class="tooltip" title="4 hours and 22 minutes ago">2015-02-18 09:14:45</span>
317 </td>
316 </td>
318 <td class="td-user">
317 <td class="td-user">
319 <span class="gravatar" commit_id="982d857aafb4c71e7686e419c32b71c9a837257d">
318 <span class="gravatar" commit_id="982d857aafb4c71e7686e419c32b71c9a837257d">
320 <img alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=28" height="14" width="14">
319 <img alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=28" height="14" width="14">
321 </span>
320 </span>
322 <span class="author">brian (Brian Butler)</span>
321 <span class="author">brian (Brian Butler)</span>
323 </td>
322 </td>
324 <td class="td-hash">
323 <td class="td-hash">
325 <code>
324 <code>
326 <a href="/brian/documentation-rep/changeset/982d857aafb4c71e7686e419c32b71c9a837257d">r393:982d857aafb4</a>
325 <a href="/brian/documentation-rep/changeset/982d857aafb4c71e7686e419c32b71c9a837257d">r393:982d857aafb4</a>
327 </code>
326 </code>
328 </td>
327 </td>
329 <td class="expand_commit" data-commit-id="982d857aafb4c71e7686e419c32b71c9a837257d" title="Expand commit message">
328 <td class="expand_commit" data-commit-id="982d857aafb4c71e7686e419c32b71c9a837257d" title="Expand commit message">
330 <div class="show_more_col">
329 <div class="show_more_col">
331 <i class="show_more"></i>
330 <i class="show_more"></i>
332 </div>
331 </div>
333 </td>
332 </td>
334 <td class="mid td-description">
333 <td class="mid td-description">
335 <div class="log-container truncate-wrap">
334 <div class="log-container truncate-wrap">
336 <div id="c-982d857aafb4c71e7686e419c32b71c9a837257d" class="message truncate">internals: how to doc section added</div>
335 <div id="c-982d857aafb4c71e7686e419c32b71c9a837257d" class="message truncate">internals: how to doc section added</div>
337 </div>
336 </div>
338 </td>
337 </td>
339 </tr>
338 </tr>
340 <tr id="row-4c7258ad1af6dae91bbaf87a933e3597e676fab8" commit_id="4c7258ad1af6dae91bbaf87a933e3597e676fab8" class="compare_select collapsable-content" data-toggle="commits">
339 <tr id="row-4c7258ad1af6dae91bbaf87a933e3597e676fab8" commit_id="4c7258ad1af6dae91bbaf87a933e3597e676fab8" class="compare_select collapsable-content" data-toggle="commits">
341 <td class="td-time">
340 <td class="td-time">
342 <span class="tooltip" title="20 hours and 16 minutes ago">2015-02-17 17:20:44</span>
341 <span class="tooltip" title="20 hours and 16 minutes ago">2015-02-17 17:20:44</span>
343 </td>
342 </td>
344 <td class="td-user">
343 <td class="td-user">
345 <span class="gravatar" commit_id="4c7258ad1af6dae91bbaf87a933e3597e676fab8">
344 <span class="gravatar" commit_id="4c7258ad1af6dae91bbaf87a933e3597e676fab8">
346 <img alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=28" height="14" width="14">
345 <img alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=28" height="14" width="14">
347 </span>
346 </span>
348 <span class="author">brian (Brian Butler)</span>
347 <span class="author">brian (Brian Butler)</span>
349 </td>
348 </td>
350 <td class="td-hash">
349 <td class="td-hash">
351 <code>
350 <code>
352 <a href="/brian/documentation-rep/changeset/4c7258ad1af6dae91bbaf87a933e3597e676fab8">r392:4c7258ad1af6</a>
351 <a href="/brian/documentation-rep/changeset/4c7258ad1af6dae91bbaf87a933e3597e676fab8">r392:4c7258ad1af6</a>
353 </code>
352 </code>
354 </td>
353 </td>
355 <td class="expand_commit" data-commit-id="4c7258ad1af6dae91bbaf87a933e3597e676fab8" title="Expand commit message">
354 <td class="expand_commit" data-commit-id="4c7258ad1af6dae91bbaf87a933e3597e676fab8" title="Expand commit message">
356 <div class="show_more_col">
355 <div class="show_more_col">
357 <i class="show_more"></i>
356 <i class="show_more"></i>
358 </div>
357 </div>
359 </td>
358 </td>
360 <td class="mid td-description">
359 <td class="mid td-description">
361 <div class="log-container truncate-wrap">
360 <div class="log-container truncate-wrap">
362 <div id="c-4c7258ad1af6dae91bbaf87a933e3597e676fab8" class="message truncate">REP: 0004 Documentation standards</div>
361 <div id="c-4c7258ad1af6dae91bbaf87a933e3597e676fab8" class="message truncate">REP: 0004 Documentation standards</div>
363 </div>
362 </div>
364 </td>
363 </td>
365 </tr>
364 </tr>
366 <tr id="row-46b3d50315f0f2b1f64485ac95af4f384948f9cb" commit_id="46b3d50315f0f2b1f64485ac95af4f384948f9cb" class="compare_select collapsable-content" data-toggle="commits">
365 <tr id="row-46b3d50315f0f2b1f64485ac95af4f384948f9cb" commit_id="46b3d50315f0f2b1f64485ac95af4f384948f9cb" class="compare_select collapsable-content" data-toggle="commits">
367 <td class="td-time">
366 <td class="td-time">
368 <span class="tooltip" title="18 hours and 19 minutes ago">2015-02-17 16:18:49</span>
367 <span class="tooltip" title="18 hours and 19 minutes ago">2015-02-17 16:18:49</span>
369 </td>
368 </td>
370 <td class="td-user">
369 <td class="td-user">
371 <span class="gravatar" commit_id="46b3d50315f0f2b1f64485ac95af4f384948f9cb">
370 <span class="gravatar" commit_id="46b3d50315f0f2b1f64485ac95af4f384948f9cb">
372 <img alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=28" height="14" width="14">
371 <img alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=28" height="14" width="14">
373 </span>
372 </span>
374 <span class="author">anderson (Anderson Santos)</span>
373 <span class="author">anderson (Anderson Santos)</span>
375 </td>
374 </td>
376 <td class="td-hash">
375 <td class="td-hash">
377 <code>
376 <code>
378 <a href="/andersonsantos/rhodecode-momentum-fork/changeset/46b3d50315f0f2b1f64485ac95af4f384948f9cb">r8743:46b3d50315f0</a>
377 <a href="/andersonsantos/rhodecode-momentum-fork/changeset/46b3d50315f0f2b1f64485ac95af4f384948f9cb">r8743:46b3d50315f0</a>
379 </code>
378 </code>
380 </td>
379 </td>
381 <td class="expand_commit" data-commit-id="46b3d50315f0f2b1f64485ac95af4f384948f9cb" title="Expand commit message">
380 <td class="expand_commit" data-commit-id="46b3d50315f0f2b1f64485ac95af4f384948f9cb" title="Expand commit message">
382 <div class="show_more_col">
381 <div class="show_more_col">
383 <i class="show_more" ></i>
382 <i class="show_more" ></i>
384 </div>
383 </div>
385 </td>
384 </td>
386 <td class="mid td-description">
385 <td class="mid td-description">
387 <div class="log-container truncate-wrap">
386 <div class="log-container truncate-wrap">
388 <div id="c-46b3d50315f0f2b1f64485ac95af4f384948f9cb" class="message truncate">Diff: created tests for the diff with filenames with spaces</div>
387 <div id="c-46b3d50315f0f2b1f64485ac95af4f384948f9cb" class="message truncate">Diff: created tests for the diff with filenames with spaces</div>
389
388
390 </div>
389 </div>
391 </td>
390 </td>
392 </tr>
391 </tr>
393 <tr id="row-1e57d2549bd6c34798075bf05ac39f708bb33b90" commit_id="1e57d2549bd6c34798075bf05ac39f708bb33b90" class="compare_select collapsable-content" data-toggle="commits">
392 <tr id="row-1e57d2549bd6c34798075bf05ac39f708bb33b90" commit_id="1e57d2549bd6c34798075bf05ac39f708bb33b90" class="compare_select collapsable-content" data-toggle="commits">
394 <td class="td-time">
393 <td class="td-time">
395 <span class="tooltip" title="2 days ago">2015-02-16 10:06:08</span>
394 <span class="tooltip" title="2 days ago">2015-02-16 10:06:08</span>
396 </td>
395 </td>
397 <td class="td-user">
396 <td class="td-user">
398 <span class="gravatar" commit_id="1e57d2549bd6c34798075bf05ac39f708bb33b90">
397 <span class="gravatar" commit_id="1e57d2549bd6c34798075bf05ac39f708bb33b90">
399 <img alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=28" height="14" width="14">
398 <img alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=28" height="14" width="14">
400 </span>
399 </span>
401 <span class="author">anderson (Anderson Santos)</span>
400 <span class="author">anderson (Anderson Santos)</span>
402 </td>
401 </td>
403 <td class="td-hash">
402 <td class="td-hash">
404 <code>
403 <code>
405 <a href="/andersonsantos/rhodecode-momentum-fork/changeset/1e57d2549bd6c34798075bf05ac39f708bb33b90">r8742:1e57d2549bd6</a>
404 <a href="/andersonsantos/rhodecode-momentum-fork/changeset/1e57d2549bd6c34798075bf05ac39f708bb33b90">r8742:1e57d2549bd6</a>
406 </code>
405 </code>
407 </td>
406 </td>
408 <td class="expand_commit" data-commit-id="1e57d2549bd6c34798075bf05ac39f708bb33b90" title="Expand commit message">
407 <td class="expand_commit" data-commit-id="1e57d2549bd6c34798075bf05ac39f708bb33b90" title="Expand commit message">
409 <div class="show_more_col">
408 <div class="show_more_col">
410 <i class="show_more" ></i>
409 <i class="show_more" ></i>
411 </div>
410 </div>
412 </td>
411 </td>
413 <td class="mid td-description">
412 <td class="mid td-description">
414 <div class="log-container truncate-wrap">
413 <div class="log-container truncate-wrap">
415 <div id="c-1e57d2549bd6c34798075bf05ac39f708bb33b90" class="message truncate">Diff: fix renaming files with spaces <a class="issue-tracker-link" href="http://bugs.rhodecode.com/issues/574">#574</a></div>
414 <div id="c-1e57d2549bd6c34798075bf05ac39f708bb33b90" class="message truncate">Diff: fix renaming files with spaces <a class="issue-tracker-link" href="http://bugs.rhodecode.com/issues/574">#574</a></div>
416
415
417 </div>
416 </div>
418 </td>
417 </td>
419 </tr>
418 </tr>
420 </table>
419 </table>
421 </div>
420 </div>
422
421
423 <script>
422 <script>
424 $('.expand_commit').on('click',function(e){
423 $('.expand_commit').on('click',function(e){
425 $(this).children('i').hide();
424 $(this).children('i').hide();
426 var cid = $(this).data('commitId');
425 var cid = $(this).data('commitId');
427 $('#c-'+cid).css({'height': 'auto', 'margin': '.65em 1em .65em 0','white-space': 'pre-line', 'text-overflow': 'initial', 'overflow':'visible'})
426 $('#c-'+cid).css({'height': 'auto', 'margin': '.65em 1em .65em 0','white-space': 'pre-line', 'text-overflow': 'initial', 'overflow':'visible'})
428 $('#t-'+cid).css({'height': 'auto', 'text-overflow': 'initial', 'overflow':'visible', 'white-space':'normal'})
427 $('#t-'+cid).css({'height': 'auto', 'text-overflow': 'initial', 'overflow':'visible', 'white-space':'normal'})
429 });
428 });
430 $('.compare_select').on('click',function(e){
429 $('.compare_select').on('click',function(e){
431 var cid = $(this).attr('commit_id');
430 var cid = $(this).attr('commit_id');
432 $('#row-'+cid).toggleClass('hl', !$('#row-'+cid).hasClass('hl'));
431 $('#row-'+cid).toggleClass('hl', !$('#row-'+cid).hasClass('hl'));
433 });
432 });
434 </script>
433 </script>
435 <div class="cs_files_title">
434 <div class="cs_files_title">
436 <span class="cs_files_expand">
435 <span class="cs_files_expand">
437 <span id="expand_all_files">Expand All</span> | <span id="collapse_all_files">Collapse All</span>
436 <span id="expand_all_files">Expand All</span> | <span id="collapse_all_files">Collapse All</span>
438 </span>
437 </span>
439 <h2>
438 <h2>
440 7 files changed: 55 inserted, 9 deleted
439 7 files changed: 55 inserted, 9 deleted
441 </h2>
440 </h2>
442 </div>
441 </div>
443 <div class="cs_files">
442 <div class="cs_files">
444 <table class="compare_view_files">
443 <table class="compare_view_files">
445
444
446 <tr class="cs_A expand_file" fid="c--efbe5b7a3f13">
445 <tr class="cs_A expand_file" fid="c--efbe5b7a3f13">
447 <td class="cs_icon_td">
446 <td class="cs_icon_td">
448 <span class="expand_file_icon" fid="c--efbe5b7a3f13"></span>
447 <span class="expand_file_icon" fid="c--efbe5b7a3f13"></span>
449 </td>
448 </td>
450 <td class="cs_icon_td">
449 <td class="cs_icon_td">
451 <div class="flag_status not_reviewed hidden"></div>
450 <div class="flag_status not_reviewed hidden"></div>
452 </td>
451 </td>
453 <td id="a_c--efbe5b7a3f13">
452 <td id="a_c--efbe5b7a3f13">
454 <a class="compare_view_filepath" href="#a_c--efbe5b7a3f13">
453 <a class="compare_view_filepath" href="#a_c--efbe5b7a3f13">
455 rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff
454 rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff
456 </a>
455 </a>
457 <span id="diff_c--efbe5b7a3f13" class="diff_links" style="display: none;">
456 <span id="diff_c--efbe5b7a3f13" class="diff_links" style="display: none;">
458 <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
457 <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
459 Unified Diff
458 Unified Diff
460 </a>
459 </a>
461 |
460 |
462 <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
461 <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
463 Side-by-side Diff
462 Side-by-side Diff
464 </a>
463 </a>
465 </span>
464 </span>
466 </td>
465 </td>
467 <td>
466 <td>
468 <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">4</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
467 <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">4</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
469 <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff">
468 <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff">
470 <i class="icon-comment"></i>
469 <i class="icon-comment"></i>
471 </div>
470 </div>
472 </td>
471 </td>
473 </tr>
472 </tr>
474 <tr id="tr_c--efbe5b7a3f13">
473 <tr id="tr_c--efbe5b7a3f13">
475 <td></td>
474 <td></td>
476 <td></td>
475 <td></td>
477 <td class="injected_diff" colspan="2">
476 <td class="injected_diff" colspan="2">
478
477
479 <div class="diff-container" id="diff-container-140716195039928">
478 <div class="diff-container" id="diff-container-140716195039928">
480 <div id="c--efbe5b7a3f13_target" ></div>
479 <div id="c--efbe5b7a3f13_target" ></div>
481 <div id="c--efbe5b7a3f13" class="diffblock margined comm" >
480 <div id="c--efbe5b7a3f13" class="diffblock margined comm" >
482 <div class="code-body">
481 <div class="code-body">
483 <div class="full_f_path" path="rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff" style="display: none;"></div>
482 <div class="full_f_path" path="rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff" style="display: none;"></div>
484 <table class="code-difftable">
483 <table class="code-difftable">
485 <tr class="line context">
484 <tr class="line context">
486 <td class="add-comment-line"><span class="add-comment-content"></span></td>
485 <td class="add-comment-line"><span class="add-comment-content"></span></td>
487 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
486 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
488 <td class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n"></a></td>
487 <td class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n"></a></td>
489 <td class="code no-comment">
488 <td class="code no-comment">
490 <pre>new file 100644</pre>
489 <pre>new file 100644</pre>
491 </td>
490 </td>
492 </tr>
491 </tr>
493 <tr class="line add">
492 <tr class="line add">
494 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
493 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
495 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
494 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
496 <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n1">1</a></td>
495 <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n1">1</a></td>
497 <td class="code">
496 <td class="code">
498 <pre>diff --git a/file_with_ spaces.txt b/file_with_ two spaces.txt
497 <pre>diff --git a/file_with_ spaces.txt b/file_with_ two spaces.txt
499 </pre>
498 </pre>
500 </td>
499 </td>
501 </tr>
500 </tr>
502 <tr class="line add">
501 <tr class="line add">
503 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
502 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
504 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
503 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
505 <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n2">2</a></td>
504 <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n2">2</a></td>
506 <td class="code">
505 <td class="code">
507 <pre>similarity index 100%
506 <pre>similarity index 100%
508 </pre>
507 </pre>
509 </td>
508 </td>
510 </tr>
509 </tr>
511 <tr class="line add">
510 <tr class="line add">
512 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
511 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
513 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
512 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
514 <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n3">3</a></td>
513 <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n3">3</a></td>
515 <td class="code">
514 <td class="code">
516 <pre>rename from file_with_ spaces.txt
515 <pre>rename from file_with_ spaces.txt
517 </pre>
516 </pre>
518 </td>
517 </td>
519 </tr>
518 </tr>
520 <tr class="line add">
519 <tr class="line add">
521 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
520 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
522 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
521 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
523 <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n4" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n4">4</a></td>
522 <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n4" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n4">4</a></td>
524 <td class="code">
523 <td class="code">
525 <pre>rename to file_with_ two spaces.txt
524 <pre>rename to file_with_ two spaces.txt
526 </pre>
525 </pre>
527 </td>
526 </td>
528 </tr>
527 </tr>
529 <tr class="line context">
528 <tr class="line context">
530 <td class="add-comment-line"><span class="add-comment-content"></span></td>
529 <td class="add-comment-line"><span class="add-comment-content"></span></td>
531 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o...">...</a></td>
530 <td class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o...">...</a></td>
532 <td class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n...">...</a></td>
531 <td class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n...">...</a></td>
533 <td class="code no-comment">
532 <td class="code no-comment">
534 <pre> No newline at end of file</pre>
533 <pre> No newline at end of file</pre>
535 </td>
534 </td>
536 </tr>
535 </tr>
537 </table>
536 </table>
538 </div>
537 </div>
539 </div>
538 </div>
540 </div>
539 </div>
541
540
542 </td>
541 </td>
543 </tr>
542 </tr>
544 <tr class="cs_A expand_file" fid="c--c21377f778f9">
543 <tr class="cs_A expand_file" fid="c--c21377f778f9">
545 <td class="cs_icon_td">
544 <td class="cs_icon_td">
546 <span class="expand_file_icon" fid="c--c21377f778f9"></span>
545 <span class="expand_file_icon" fid="c--c21377f778f9"></span>
547 </td>
546 </td>
548 <td class="cs_icon_td">
547 <td class="cs_icon_td">
549 <div class="flag_status not_reviewed hidden"></div>
548 <div class="flag_status not_reviewed hidden"></div>
550 </td>
549 </td>
551 <td id="a_c--c21377f778f9">
550 <td id="a_c--c21377f778f9">
552 <a class="compare_view_filepath" href="#a_c--c21377f778f9">
551 <a class="compare_view_filepath" href="#a_c--c21377f778f9">
553 rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff
552 rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff
554 </a>
553 </a>
555 <span id="diff_c--c21377f778f9" class="diff_links" style="display: none;">
554 <span id="diff_c--c21377f778f9" class="diff_links" style="display: none;">
556 <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
555 <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
557 Unified Diff
556 Unified Diff
558 </a>
557 </a>
559 |
558 |
560 <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
559 <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
561 Side-by-side Diff
560 Side-by-side Diff
562 </a>
561 </a>
563 </span>
562 </span>
564 </td>
563 </td>
565 <td>
564 <td>
566 <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">3</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
565 <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">3</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
567 <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff">
566 <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff">
568 <i class="icon-comment"></i>
567 <i class="icon-comment"></i>
569 </div>
568 </div>
570 </td>
569 </td>
571 </tr>
570 </tr>
572 <tr id="tr_c--c21377f778f9">
571 <tr id="tr_c--c21377f778f9">
573 <td></td>
572 <td></td>
574 <td></td>
573 <td></td>
575 <td class="injected_diff" colspan="2">
574 <td class="injected_diff" colspan="2">
576
575
577 <div class="diff-container" id="diff-container-140716195038344">
576 <div class="diff-container" id="diff-container-140716195038344">
578 <div id="c--c21377f778f9_target" ></div>
577 <div id="c--c21377f778f9_target" ></div>
579 <div id="c--c21377f778f9" class="diffblock margined comm" >
578 <div id="c--c21377f778f9" class="diffblock margined comm" >
580 <div class="code-body">
579 <div class="code-body">
581 <div class="full_f_path" path="rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff" style="display: none;"></div>
580 <div class="full_f_path" path="rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff" style="display: none;"></div>
582 <table class="code-difftable">
581 <table class="code-difftable">
583 <tr class="line context">
582 <tr class="line context">
584 <td class="add-comment-line"><span class="add-comment-content"></span></td>
583 <td class="add-comment-line"><span class="add-comment-content"></span></td>
585 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
584 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
586 <td class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n"></a></td>
585 <td class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n"></a></td>
587 <td class="code no-comment">
586 <td class="code no-comment">
588 <pre>new file 100644</pre>
587 <pre>new file 100644</pre>
589 </td>
588 </td>
590 </tr>
589 </tr>
591 <tr class="line add">
590 <tr class="line add">
592 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
591 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
593 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
592 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
594 <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n1">1</a></td>
593 <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n1">1</a></td>
595 <td class="code">
594 <td class="code">
596 <pre>diff --git a/file_changed_without_spaces.txt b/file_copied_ with spaces.txt
595 <pre>diff --git a/file_changed_without_spaces.txt b/file_copied_ with spaces.txt
597 </pre>
596 </pre>
598 </td>
597 </td>
599 </tr>
598 </tr>
600 <tr class="line add">
599 <tr class="line add">
601 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
600 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
602 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
601 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
603 <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n2">2</a></td>
602 <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n2">2</a></td>
604 <td class="code">
603 <td class="code">
605 <pre>copy from file_changed_without_spaces.txt
604 <pre>copy from file_changed_without_spaces.txt
606 </pre>
605 </pre>
607 </td>
606 </td>
608 </tr>
607 </tr>
609 <tr class="line add">
608 <tr class="line add">
610 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
609 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
611 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
610 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
612 <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n3">3</a></td>
611 <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n3">3</a></td>
613 <td class="code">
612 <td class="code">
614 <pre>copy to file_copied_ with spaces.txt
613 <pre>copy to file_copied_ with spaces.txt
615 </pre>
614 </pre>
616 </td>
615 </td>
617 </tr>
616 </tr>
618 <tr class="line context">
617 <tr class="line context">
619 <td class="add-comment-line"><span class="add-comment-content"></span></td>
618 <td class="add-comment-line"><span class="add-comment-content"></span></td>
620 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o...">...</a></td>
619 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o...">...</a></td>
621 <td class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n...">...</a></td>
620 <td class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n...">...</a></td>
622 <td class="code no-comment">
621 <td class="code no-comment">
623 <pre> No newline at end of file</pre>
622 <pre> No newline at end of file</pre>
624 </td>
623 </td>
625 </tr>
624 </tr>
626 </table>
625 </table>
627 </div>
626 </div>
628 </div>
627 </div>
629 </div>
628 </div>
630
629
631 </td>
630 </td>
632 </tr>
631 </tr>
633 <tr class="cs_A expand_file" fid="c--ee62085ad7a8">
632 <tr class="cs_A expand_file" fid="c--ee62085ad7a8">
634 <td class="cs_icon_td">
633 <td class="cs_icon_td">
635 <span class="expand_file_icon" fid="c--ee62085ad7a8"></span>
634 <span class="expand_file_icon" fid="c--ee62085ad7a8"></span>
636 </td>
635 </td>
637 <td class="cs_icon_td">
636 <td class="cs_icon_td">
638 <div class="flag_status not_reviewed hidden"></div>
637 <div class="flag_status not_reviewed hidden"></div>
639 </td>
638 </td>
640 <td id="a_c--ee62085ad7a8">
639 <td id="a_c--ee62085ad7a8">
641 <a class="compare_view_filepath" href="#a_c--ee62085ad7a8">
640 <a class="compare_view_filepath" href="#a_c--ee62085ad7a8">
642 rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff
641 rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff
643 </a>
642 </a>
644 <span id="diff_c--ee62085ad7a8" class="diff_links" style="display: none;">
643 <span id="diff_c--ee62085ad7a8" class="diff_links" style="display: none;">
645 <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
644 <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
646 Unified Diff
645 Unified Diff
647 </a>
646 </a>
648 |
647 |
649 <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
648 <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
650 Side-by-side Diff
649 Side-by-side Diff
651 </a>
650 </a>
652 </span>
651 </span>
653 </td>
652 </td>
654 <td>
653 <td>
655 <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">3</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
654 <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">3</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
656 <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff">
655 <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff">
657 <i class="icon-comment"></i>
656 <i class="icon-comment"></i>
658 </div>
657 </div>
659 </td>
658 </td>
660 </tr>
659 </tr>
661 <tr id="tr_c--ee62085ad7a8">
660 <tr id="tr_c--ee62085ad7a8">
662 <td></td>
661 <td></td>
663 <td></td>
662 <td></td>
664 <td class="injected_diff" colspan="2">
663 <td class="injected_diff" colspan="2">
665
664
666 <div class="diff-container" id="diff-container-140716195039496">
665 <div class="diff-container" id="diff-container-140716195039496">
667 <div id="c--ee62085ad7a8_target" ></div>
666 <div id="c--ee62085ad7a8_target" ></div>
668 <div id="c--ee62085ad7a8" class="diffblock margined comm" >
667 <div id="c--ee62085ad7a8" class="diffblock margined comm" >
669 <div class="code-body">
668 <div class="code-body">
670 <div class="full_f_path" path="rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff" style="display: none;"></div>
669 <div class="full_f_path" path="rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff" style="display: none;"></div>
671 <table class="code-difftable">
670 <table class="code-difftable">
672 <tr class="line context">
671 <tr class="line context">
673 <td class="add-comment-line"><span class="add-comment-content"></span></td>
672 <td class="add-comment-line"><span class="add-comment-content"></span></td>
674 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
673 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
675 <td class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n"></a></td>
674 <td class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n"></a></td>
676 <td class="code no-comment">
675 <td class="code no-comment">
677 <pre>new file 100644</pre>
676 <pre>new file 100644</pre>
678 </td>
677 </td>
679 </tr>
678 </tr>
680 <tr class="line add">
679 <tr class="line add">
681 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
680 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
682 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
681 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
683 <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n1">1</a></td>
682 <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n1">1</a></td>
684 <td class="code">
683 <td class="code">
685 <pre>diff --git a/file_ with update.txt b/file_changed _.txt
684 <pre>diff --git a/file_ with update.txt b/file_changed _.txt
686 </pre>
685 </pre>
687 </td>
686 </td>
688 </tr>
687 </tr>
689 <tr class="line add">
688 <tr class="line add">
690 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
689 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
691 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
690 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
692 <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n2">2</a></td>
691 <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n2">2</a></td>
693 <td class="code">
692 <td class="code">
694 <pre>rename from file_ with update.txt
693 <pre>rename from file_ with update.txt
695 </pre>
694 </pre>
696 </td>
695 </td>
697 </tr>
696 </tr>
698 <tr class="line add">
697 <tr class="line add">
699 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
698 <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
700 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
699 <td class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
701 <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n3">3</a></td>
700 <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n3">3</a></td>
702 <td class="code">
701 <td class="code">
703 <pre>rename to file_changed _.txt</pre>
702 <pre>rename to file_changed _.txt</pre>
704 </td>
703 </td>
705 </tr>
704 </tr>
706 </table>
705 </table>
707 </div>
706 </div>
708 </div>
707 </div>
709 </div>
708 </div>
710
709
711 </td>
710 </td>
712 </tr>
711 </tr>
713
712
714 </table>
713 </table>
715 </div>
714 </div>
716 </div>
715 </div>
717 </div>
716 </div>
718
717
719 </td>
718 </td>
720 </tr>
719 </tr>
721 </table>
720 </table>
722 </div>
721 </div>
723 </div>
722 </div>
724 </div>
723 </div>
725
724
726
725
727
726
728
727
729 <div id="comment-inline-form-template" style="display: none;">
728 <div id="comment-inline-form-template" style="display: none;">
730 <div class="comment-inline-form ac">
729 <div class="comment-inline-form ac">
731 <div class="overlay"><div class="overlay-text">Submitting...</div></div>
730 <div class="overlay"><div class="overlay-text">Submitting...</div></div>
732 <form action="#" class="inline-form" method="get">
731 <form action="#" class="inline-form" method="get">
733 <div id="edit-container_{1}" class="clearfix">
732 <div id="edit-container_{1}" class="clearfix">
734 <div class="comment-title pull-left">
733 <div class="comment-title pull-left">
735 Commenting on line {1}.
734 Commenting on line {1}.
736 </div>
735 </div>
737 <div class="comment-help pull-right">
736 <div class="comment-help pull-right">
738 Comments parsed using <a href="http://docutils.sourceforge.io/docs/user/rst/quickref.html">RST</a> syntax with <span class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
737 Comments parsed using <a href="http://docutils.sourceforge.io/docs/user/rst/quickref.html">RST</a> syntax with <span class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
739 </div>
738 </div>
740 <div style="clear: both"></div>
739 <div style="clear: both"></div>
741 <textarea id="text_{1}" name="text" class="comment-block-ta ac-input"></textarea>
740 <textarea id="text_{1}" name="text" class="comment-block-ta ac-input"></textarea>
742 </div>
741 </div>
743 <div id="preview-container_{1}" class="clearfix" style="display: none;">
742 <div id="preview-container_{1}" class="clearfix" style="display: none;">
744 <div class="comment-help">
743 <div class="comment-help">
745 Comment preview
744 Comment preview
746 </div>
745 </div>
747 <div id="preview-box_{1}" class="preview-box"></div>
746 <div id="preview-box_{1}" class="preview-box"></div>
748 </div>
747 </div>
749 <div class="comment-button pull-right">
748 <div class="comment-button pull-right">
750 <input type="hidden" name="f_path" value="{0}">
749 <input type="hidden" name="f_path" value="{0}">
751 <input type="hidden" name="line" value="{1}">
750 <input type="hidden" name="line" value="{1}">
752 <div id="preview-btn_{1}" class="btn btn-default">Preview</div>
751 <div id="preview-btn_{1}" class="btn btn-default">Preview</div>
753 <div id="edit-btn_{1}" class="btn" style="display: none;">Edit</div>
752 <div id="edit-btn_{1}" class="btn" style="display: none;">Edit</div>
754 <input class="btn btn-success save-inline-form" id="save" name="save" type="submit" value="Comment" />
753 <input class="btn btn-success save-inline-form" id="save" name="save" type="submit" value="Comment" />
755 </div>
754 </div>
756 <div class="comment-button hide-inline-form-button">
755 <div class="comment-button hide-inline-form-button">
757 <input class="btn hide-inline-form" id="hide-inline-form" name="hide-inline-form" type="reset" value="Cancel" />
756 <input class="btn hide-inline-form" id="hide-inline-form" name="hide-inline-form" type="reset" value="Cancel" />
758 </div>
757 </div>
759 </form>
758 </form>
760 </div>
759 </div>
761 </div>
760 </div>
762
761
763
762
764
763
765 <div class="comments">
764 <div class="comments">
766 <div id="inline-comments-container">
765 <div id="inline-comments-container">
767
766
768 <h2>0 Pull Request Comments</h2>
767 <h2>0 Pull Request Comments</h2>
769
768
770
769
771 </div>
770 </div>
772
771
773 </div>
772 </div>
774
773
775
774
776
775
777
776
778 <div class="pull-request-merge">
777 <div class="pull-request-merge">
779 </div>
778 </div>
780 <div class="comments">
779 <div class="comments">
781 <div class="comment-form ac">
780 <div class="comment-form ac">
782 <form action="/rhodecode-momentum/pull-request-comment/720" id="comments_form" method="POST">
781 <form action="/rhodecode-momentum/pull-request-comment/720" id="comments_form" method="POST">
783 <div style="display: none;"><input id="csrf_token" name="csrf_token" type="hidden" value="6dbc0b19ac65237df65d57202a3e1f2df4153e38" /></div>
782 <div style="display: none;"><input id="csrf_token" name="csrf_token" type="hidden" value="6dbc0b19ac65237df65d57202a3e1f2df4153e38" /></div>
784 <div id="edit-container" class="clearfix">
783 <div id="edit-container" class="clearfix">
785 <div class="comment-title pull-left">
784 <div class="comment-title pull-left">
786 Create a comment on this Pull Request.
785 Create a comment on this Pull Request.
787 </div>
786 </div>
788 <div class="comment-help pull-right">
787 <div class="comment-help pull-right">
789 Comments parsed using <a href="http://docutils.sourceforge.io/docs/user/rst/quickref.html">RST</a> syntax with <span class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
788 Comments parsed using <a href="http://docutils.sourceforge.io/docs/user/rst/quickref.html">RST</a> syntax with <span class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
790 </div>
789 </div>
791 <div style="clear: both"></div>
790 <div style="clear: both"></div>
792 <textarea class="comment-block-ta" id="text" name="text"></textarea>
791 <textarea class="comment-block-ta" id="text" name="text"></textarea>
793 </div>
792 </div>
794
793
795 <div id="preview-container" class="clearfix" style="display: none;">
794 <div id="preview-container" class="clearfix" style="display: none;">
796 <div class="comment-title">
795 <div class="comment-title">
797 Comment preview
796 Comment preview
798 </div>
797 </div>
799 <div id="preview-box" class="preview-box"></div>
798 <div id="preview-box" class="preview-box"></div>
800 </div>
799 </div>
801
800
802 <div id="comment_form_extras">
801 <div id="comment_form_extras">
803 </div>
802 </div>
804 <div class="action-button pull-right">
803 <div class="action-button pull-right">
805 <div id="preview-btn" class="btn">
804 <div id="preview-btn" class="btn">
806 Preview
805 Preview
807 </div>
806 </div>
808 <div id="edit-btn" class="btn" style="display: none;">
807 <div id="edit-btn" class="btn" style="display: none;">
809 Edit
808 Edit
810 </div>
809 </div>
811 <div class="comment-button">
810 <div class="comment-button">
812 <input class="btn btn-small btn-success comment-button-input" id="save" name="save" type="submit" value="Comment" />
811 <input class="btn btn-small btn-success comment-button-input" id="save" name="save" type="submit" value="Comment" />
813 </div>
812 </div>
814 </div>
813 </div>
815 </form>
814 </form>
816 </div>
815 </div>
817 </div>
816 </div>
818 <script>
817 <script>
819
818
820 $(document).ready(function() {
819 $(document).ready(function() {
821
820
822 var cm = initCommentBoxCodeMirror('#text');
821 var cm = initCommentBoxCodeMirror('#text');
823
822
824 // main form preview
823 // main form preview
825 $('#preview-btn').on('click', function(e) {
824 $('#preview-btn').on('click', function(e) {
826 $('#preview-btn').hide();
825 $('#preview-btn').hide();
827 $('#edit-btn').show();
826 $('#edit-btn').show();
828 var _text = cm.getValue();
827 var _text = cm.getValue();
829 if (!_text) {
828 if (!_text) {
830 return;
829 return;
831 }
830 }
832 var post_data = {
831 var post_data = {
833 'text': _text,
832 'text': _text,
834 'renderer': DEFAULT_RENDERER,
833 'renderer': DEFAULT_RENDERER,
835 'csrf_token': CSRF_TOKEN
834 'csrf_token': CSRF_TOKEN
836 };
835 };
837 var previewbox = $('#preview-box');
836 var previewbox = $('#preview-box');
838 previewbox.addClass('unloaded');
837 previewbox.addClass('unloaded');
839 previewbox.html(_gettext('Loading ...'));
838 previewbox.html(_gettext('Loading ...'));
840 $('#edit-container').hide();
839 $('#edit-container').hide();
841 $('#preview-container').show();
840 $('#preview-container').show();
842
841
843 var url = pyroutes.url('repo_commit_comment_preview',
842 var url = pyroutes.url('repo_commit_comment_preview',
844 {'repo_name': 'rhodecode-momentum', 'commit_id': '000000'});
843 {'repo_name': 'rhodecode-momentum', 'commit_id': '000000'});
845
844
846 ajaxPOST(url, post_data, function(o) {
845 ajaxPOST(url, post_data, function(o) {
847 previewbox.html(o);
846 previewbox.html(o);
848 previewbox.removeClass('unloaded');
847 previewbox.removeClass('unloaded');
849 });
848 });
850 });
849 });
851 $('#edit-btn').on('click', function(e) {
850 $('#edit-btn').on('click', function(e) {
852 $('#preview-btn').show();
851 $('#preview-btn').show();
853 $('#edit-btn').hide();
852 $('#edit-btn').hide();
854 $('#edit-container').show();
853 $('#edit-container').show();
855 $('#preview-container').hide();
854 $('#preview-container').hide();
856 });
855 });
857
856
858 var formatChangeStatus = function(state, escapeMarkup) {
857 var formatChangeStatus = function(state, escapeMarkup) {
859 var originalOption = state.element;
858 var originalOption = state.element;
860 return '<div class="flag_status ' + $(originalOption).data('status') + ' pull-left"></div>' +
859 return '<div class="flag_status ' + $(originalOption).data('status') + ' pull-left"></div>' +
861 '<span>' + escapeMarkup(state.text) + '</span>';
860 '<span>' + escapeMarkup(state.text) + '</span>';
862 };
861 };
863
862
864 var formatResult = function(result, container, query, escapeMarkup) {
863 var formatResult = function(result, container, query, escapeMarkup) {
865 return formatChangeStatus(result, escapeMarkup);
864 return formatChangeStatus(result, escapeMarkup);
866 };
865 };
867
866
868 var formatSelection = function(data, container, escapeMarkup) {
867 var formatSelection = function(data, container, escapeMarkup) {
869 return formatChangeStatus(data, escapeMarkup);
868 return formatChangeStatus(data, escapeMarkup);
870 };
869 };
871
870
872 $('#change_status_general').select2({
871 $('#change_status_general').select2({
873 placeholder: "Status Review",
872 placeholder: "Status Review",
874 formatResult: formatResult,
873 formatResult: formatResult,
875 formatSelection: formatSelection,
874 formatSelection: formatSelection,
876 containerCssClass: "drop-menu status_box_menu",
875 containerCssClass: "drop-menu status_box_menu",
877 dropdownCssClass: "drop-menu-dropdown",
876 dropdownCssClass: "drop-menu-dropdown",
878 dropdownAutoWidth: true,
877 dropdownAutoWidth: true,
879 minimumResultsForSearch: -1
878 minimumResultsForSearch: -1
880 });
879 });
881 });
880 });
882 </script>
881 </script>
883
882
884
883
885 <script type="text/javascript">
884 <script type="text/javascript">
886 // TODO: switch this to pyroutes
885 // TODO: switch this to pyroutes
887 AJAX_COMMENT_DELETE_URL = "/rhodecode-momentum/pull-request-comment/__COMMENT_ID__/delete";
886 AJAX_COMMENT_DELETE_URL = "/rhodecode-momentum/pull-request-comment/__COMMENT_ID__/delete";
888
887
889 $(function(){
888 $(function(){
890 ReviewerAutoComplete('#user');
889 ReviewerAutoComplete('#user');
891
890
892 $('#open_edit_reviewers').on('click', function(e){
891 $('#open_edit_reviewers').on('click', function(e){
893 $('#open_edit_reviewers').hide();
892 $('#open_edit_reviewers').hide();
894 $('#close_edit_reviewers').show();
893 $('#close_edit_reviewers').show();
895 $('#add_reviewer_input').show();
894 $('#add_reviewer_input').show();
896 $('.reviewer_member_remove').css('visibility', 'visible');
895 $('.reviewer_member_remove').css('visibility', 'visible');
897 });
896 });
898
897
899 $('#close_edit_reviewers').on('click', function(e){
898 $('#close_edit_reviewers').on('click', function(e){
900 $('#open_edit_reviewers').show();
899 $('#open_edit_reviewers').show();
901 $('#close_edit_reviewers').hide();
900 $('#close_edit_reviewers').hide();
902 $('#add_reviewer_input').hide();
901 $('#add_reviewer_input').hide();
903 $('.reviewer_member_remove').css('visibility', 'hidden');
902 $('.reviewer_member_remove').css('visibility', 'hidden');
904 });
903 });
905
904
906 $('.show-inline-comments').on('change', function(e){
905 $('.show-inline-comments').on('change', function(e){
907 var show = 'none';
906 var show = 'none';
908 var target = e.currentTarget;
907 var target = e.currentTarget;
909 if(target.checked){
908 if(target.checked){
910 show = ''
909 show = ''
911 }
910 }
912 var boxid = $(target).attr('id_for');
911 var boxid = $(target).attr('id_for');
913 var comments = $('#{0} .inline-comments'.format(boxid));
912 var comments = $('#{0} .inline-comments'.format(boxid));
914 var fn_display = function(idx){
913 var fn_display = function(idx){
915 $(this).css('display', show);
914 $(this).css('display', show);
916 };
915 };
917 $(comments).each(fn_display);
916 $(comments).each(fn_display);
918 var btns = $('#{0} .inline-comments-button'.format(boxid));
917 var btns = $('#{0} .inline-comments-button'.format(boxid));
919 $(btns).each(fn_display);
918 $(btns).each(fn_display);
920 });
919 });
921
920
922 var commentTotals = {};
921 var commentTotals = {};
923 $.each(file_comments, function(i, comment) {
922 $.each(file_comments, function(i, comment) {
924 var path = $(comment).attr('path');
923 var path = $(comment).attr('path');
925 var comms = $(comment).children().length;
924 var comms = $(comment).children().length;
926 if (path in commentTotals) {
925 if (path in commentTotals) {
927 commentTotals[path] += comms;
926 commentTotals[path] += comms;
928 } else {
927 } else {
929 commentTotals[path] = comms;
928 commentTotals[path] = comms;
930 }
929 }
931 });
930 });
932 $.each(commentTotals, function(path, total) {
931 $.each(commentTotals, function(path, total) {
933 var elem = $('.comment-bubble[data-path="'+ path +'"]')
932 var elem = $('.comment-bubble[data-path="'+ path +'"]')
934 elem.css('visibility', 'visible');
933 elem.css('visibility', 'visible');
935 elem.html(elem.html() + ' ' + total );
934 elem.html(elem.html() + ' ' + total );
936 });
935 });
937
936
938 $('#merge_pull_request_form').submit(function() {
937 $('#merge_pull_request_form').submit(function() {
939 if (!$('#merge_pull_request').attr('disabled')) {
938 if (!$('#merge_pull_request').attr('disabled')) {
940 $('#merge_pull_request').attr('disabled', 'disabled');
939 $('#merge_pull_request').attr('disabled', 'disabled');
941 }
940 }
942 return true;
941 return true;
943 });
942 });
944
943
945 $('#update_pull_request').on('click', function(e){
944 $('#update_pull_request').on('click', function(e){
946 updateReviewers(undefined, "rhodecode-momentum", "720");
945 updateReviewers(undefined, "rhodecode-momentum", "720");
947 });
946 });
948
947
949 $('#update_commits').on('click', function(e){
948 $('#update_commits').on('click', function(e){
950 updateCommits("rhodecode-momentum", "720");
949 updateCommits("rhodecode-momentum", "720");
951 });
950 });
952
951
953 })
952 })
954 </script>
953 </script>
955
954
956 </div>
955 </div>
957 </div></div>
956 </div></div>
958
957
959 </div>
958 </div>
960
959
961
960
962 </%def>
961 </%def>
@@ -1,49 +1,48 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/base/base.mako"/>
1 <%inherit file="/base/base.mako"/>
3
2
4 <%def name="title()">
3 <%def name="title()">
5 ${_('Show notification')} ${c.rhodecode_user.username}
4 ${_('Show notification')} ${c.rhodecode_user.username}
6 %if c.rhodecode_name:
5 %if c.rhodecode_name:
7 &middot; ${h.branding(c.rhodecode_name)}
6 &middot; ${h.branding(c.rhodecode_name)}
8 %endif
7 %endif
9 </%def>
8 </%def>
10
9
11 <%def name="breadcrumbs_links()">
10 <%def name="breadcrumbs_links()">
12 ${h.link_to(_('My Notifications'), h.route_path('notifications_show_all'))}
11 ${h.link_to(_('My Notifications'), h.route_path('notifications_show_all'))}
13 &raquo;
12 &raquo;
14 ${_('Show notification')}
13 ${_('Show notification')}
15 </%def>
14 </%def>
16
15
17 <%def name="menu_bar_nav()">
16 <%def name="menu_bar_nav()">
18 ${self.menu_items(active='admin')}
17 ${self.menu_items(active='admin')}
19 </%def>
18 </%def>
20
19
21 <%def name="main()">
20 <%def name="main()">
22 <div class="box">
21 <div class="box">
23
22
24 <!-- box / title -->
23 <!-- box / title -->
25 <div class="title">
24 <div class="title">
26 Rendered plain text using markup renderer
25 Rendered plain text using markup renderer
27 </div>
26 </div>
28 <div class="table">
27 <div class="table">
29 <div >
28 <div >
30 <div class="notification-header">
29 <div class="notification-header">
31 GRAVATAR
30 GRAVATAR
32 <div class="desc">
31 <div class="desc">
33 DESC
32 DESC
34 </div>
33 </div>
35 </div>
34 </div>
36 <div class="notification-body">
35 <div class="notification-body">
37 <div class="notification-subject">
36 <div class="notification-subject">
38 <h3>${_('Subject')}: ${c.subject}</h3>
37 <h3>${_('Subject')}: ${c.subject}</h3>
39 </div>
38 </div>
40 ${c.email_body|n}
39 ${c.email_body|n}
41 </div>
40 </div>
42 </div>
41 </div>
43 </div>
42 </div>
44 </div>
43 </div>
45
44
46 </%def>
45 </%def>
47
46
48
47
49
48
@@ -1,34 +1,33 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
17 ${self.sidebar()}
19 <div class="main-content">
18 <div class="main-content">
20 <h2>Emails</h2>
19 <h2>Emails</h2>
21 <ul>
20 <ul>
22 % for elem in sorted(c.email_types.keys()):
21 % for elem in sorted(c.email_types.keys()):
23 <li>
22 <li>
24 <a href="${request.route_path('debug_style_email', email_id=elem, _query={'user':c.rhodecode_user.username, 'email': ''})}">${elem}</a>
23 <a href="${request.route_path('debug_style_email', email_id=elem, _query={'user':c.rhodecode_user.username, 'email': ''})}">${elem}</a>
25 |
24 |
26 <a href="${request.route_path('debug_style_email_plain_rendered', email_id=elem, _query={'user':c.rhodecode_user.username})}">plain rendered</a>
25 <a href="${request.route_path('debug_style_email_plain_rendered', email_id=elem, _query={'user':c.rhodecode_user.username})}">plain rendered</a>
27 </li>
26 </li>
28 % endfor
27 % endfor
29 </ul>
28 </ul>
30
29
31 </div> <!-- .main-content -->
30 </div> <!-- .main-content -->
32 </div>
31 </div>
33 </div> <!-- .box -->
32 </div> <!-- .box -->
34 </%def>
33 </%def>
@@ -1,295 +1,294 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
17 ${self.sidebar()}
19
18
20 <div class="main-content">
19 <div class="main-content">
21
20
22 <h2>Simple form elements (Depreciated)</h2>
21 <h2>Simple form elements (Depreciated)</h2>
23
22
24 <p>The wrapping <code>.field</code> also gets the class
23 <p>The wrapping <code>.field</code> also gets the class
25 <code>.field-sm</code>.</p>
24 <code>.field-sm</code>.</p>
26
25
27 <p>Buttons get additional the class <code>.btn-sm</code>.</p>
26 <p>Buttons get additional the class <code>.btn-sm</code>.</p>
28
27
29
28
30 <div class="bs-example">
29 <div class="bs-example">
31 <form method='post' action='none'>
30 <form method='post' action='none'>
32 <div class='form'>
31 <div class='form'>
33 <div class='fields'>
32 <div class='fields'>
34
33
35 <div class='field field-sm'>
34 <div class='field field-sm'>
36 <div class='label'>
35 <div class='label'>
37 <label for='example_input'>Example input label:</label>
36 <label for='example_input'>Example input label:</label>
38 </div>
37 </div>
39 <div class='input'>
38 <div class='input'>
40 <input id="example_input" type="text" placeholder="Example input">
39 <input id="example_input" type="text" placeholder="Example input">
41 </div>
40 </div>
42 </div>
41 </div>
43
42
44 <div class='field field-sm'>
43 <div class='field field-sm'>
45 <div class='label'>
44 <div class='label'>
46 <label for='example_input_ro'>Example input readonly:</label>
45 <label for='example_input_ro'>Example input readonly:</label>
47 </div>
46 </div>
48 <div class='input'>
47 <div class='input'>
49 <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
48 <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
50 </div>
49 </div>
51 </div>
50 </div>
52
51
53 <div class='field field-sm'>
52 <div class='field field-sm'>
54 <div class='label'>
53 <div class='label'>
55 <label for='example_select'>Example select input:</label>
54 <label for='example_select'>Example select input:</label>
56 </div>
55 </div>
57 <div class="select">
56 <div class="select">
58 <select id="example_select" >
57 <select id="example_select" >
59 <option value="#">${_('Templates...')}</option>
58 <option value="#">${_('Templates...')}</option>
60 <option value="ga">Google Analytics</option>
59 <option value="ga">Google Analytics</option>
61 <option value="clicky">Clicky</option>
60 <option value="clicky">Clicky</option>
62 <option value="server_announce">${_('Server Announcement')}</option>
61 <option value="server_announce">${_('Server Announcement')}</option>
63 </select>
62 </select>
64 </div>
63 </div>
65 </div>
64 </div>
66 <script>
65 <script>
67 $(document).ready(function() {
66 $(document).ready(function() {
68 $('#example_select').select2({
67 $('#example_select').select2({
69 containerCssClass: 'drop-menu',
68 containerCssClass: 'drop-menu',
70 dropdownCssClass: 'drop-menu-dropdown',
69 dropdownCssClass: 'drop-menu-dropdown',
71 dropdownAutoWidth: true,
70 dropdownAutoWidth: true,
72 minimumResultsForSearch: -1
71 minimumResultsForSearch: -1
73 });
72 });
74 });
73 });
75 </script>
74 </script>
76
75
77 <div class='field field-sm'>
76 <div class='field field-sm'>
78 <div class='label'>
77 <div class='label'>
79 <label for='example_checkbox'>Example checkbox:</label>
78 <label for='example_checkbox'>Example checkbox:</label>
80 </div>
79 </div>
81 <div class="checkboxes">
80 <div class="checkboxes">
82 <div class="checkbox">
81 <div class="checkbox">
83 <input id="example_checkbox" type="checkbox">
82 <input id="example_checkbox" type="checkbox">
84 <label for="example_checkbox">Label of the checkbox</label>
83 <label for="example_checkbox">Label of the checkbox</label>
85 </div>
84 </div>
86 </div>
85 </div>
87 </div>
86 </div>
88
87
89 <div class='field field-sm'>
88 <div class='field field-sm'>
90 <div class='label'>
89 <div class='label'>
91 <label for='example_checkboxes'>Example multiple checkboxes:</label>
90 <label for='example_checkboxes'>Example multiple checkboxes:</label>
92 </div>
91 </div>
93 <div class="checkboxes">
92 <div class="checkboxes">
94 <div class="checkbox">
93 <div class="checkbox">
95 <input id="example_checkboxes_01" type="checkbox">
94 <input id="example_checkboxes_01" type="checkbox">
96 <label for="example_checkboxes_01">Label of the first checkbox</label>
95 <label for="example_checkboxes_01">Label of the first checkbox</label>
97 </div>
96 </div>
98 <div class="checkbox">
97 <div class="checkbox">
99 <input id="example_checkboxes_02" type="checkbox">
98 <input id="example_checkboxes_02" type="checkbox">
100 <label for="example_checkboxes_02">Label of the first checkbox</label>
99 <label for="example_checkboxes_02">Label of the first checkbox</label>
101 </div>
100 </div>
102 <div class="checkbox">
101 <div class="checkbox">
103 <input id="example_checkboxes_03" type="checkbox">
102 <input id="example_checkboxes_03" type="checkbox">
104 <label for="example_checkboxes_03">Label of the first checkbox</label>
103 <label for="example_checkboxes_03">Label of the first checkbox</label>
105 </div>
104 </div>
106 </div>
105 </div>
107 </div>
106 </div>
108
107
109
108
110 <div class='field field-sm'>
109 <div class='field field-sm'>
111 <div class='label'>
110 <div class='label'>
112 <label for='example_checkboxes'>Example multiple checkboxes:</label>
111 <label for='example_checkboxes'>Example multiple checkboxes:</label>
113 </div>
112 </div>
114 ## TODO: johbo: This is off compared to the checkboxes
113 ## TODO: johbo: This is off compared to the checkboxes
115 <div class="radios">
114 <div class="radios">
116 <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
115 <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
117 <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
116 <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
118 <span class="help-block">
117 <span class="help-block">
119 Permission to allow repository creation. This includes ability to create
118 Permission to allow repository creation. This includes ability to create
120 repositories in root level. If this option is disabled admin of
119 repositories in root level. If this option is disabled admin of
121 repository group can still create repositories inside that
120 repository group can still create repositories inside that
122 repository group.
121 repository group.
123 </span>
122 </span>
124 </div>
123 </div>
125 </div>
124 </div>
126
125
127 <div class="buttons">
126 <div class="buttons">
128 <input type="submit" value="Save" id="example_save" class="btn btn-sm">
127 <input type="submit" value="Save" id="example_save" class="btn btn-sm">
129 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm">
128 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm">
130 </div>
129 </div>
131
130
132 </div>
131 </div>
133 </div>
132 </div>
134 </form>
133 </form>
135 </div>
134 </div>
136
135
137
136
138
137
139
138
140 <h2>Help text in form elements</h2>
139 <h2>Help text in form elements</h2>
141
140
142 <div class="bs-example">
141 <div class="bs-example">
143 <form method='post' action=''>
142 <form method='post' action=''>
144 <div class='form'>
143 <div class='form'>
145 <div class='fields'>
144 <div class='fields'>
146
145
147 <div class='field field-sm'>
146 <div class='field field-sm'>
148 <div class='label'>
147 <div class='label'>
149 <label for='02_example_input'>Example input label:</label>
148 <label for='02_example_input'>Example input label:</label>
150 </div>
149 </div>
151 <div class='input'>
150 <div class='input'>
152 <input id="02_example_input" type="text" placeholder="Placeholder text">
151 <input id="02_example_input" type="text" placeholder="Placeholder text">
153 <span class="help-block">
152 <span class="help-block">
154 Example help text for this input element. This help text
153 Example help text for this input element. This help text
155 will be shown under the input element itself. It can be
154 will be shown under the input element itself. It can be
156 so long that it will span multiple lines.
155 so long that it will span multiple lines.
157 </span>
156 </span>
158 </div>
157 </div>
159 </div>
158 </div>
160
159
161 <div class='field field-sm'>
160 <div class='field field-sm'>
162 <div class='label'>
161 <div class='label'>
163 <label for='02_example_checkbox'>Example checkbox with help block:</label>
162 <label for='02_example_checkbox'>Example checkbox with help block:</label>
164 </div>
163 </div>
165 <div class="checkboxes">
164 <div class="checkboxes">
166 <div class="checkbox">
165 <div class="checkbox">
167 <input id="02_example_checkbox" type="checkbox">
166 <input id="02_example_checkbox" type="checkbox">
168 <label for="02_example_checkbox">Label of the checkbox</label>
167 <label for="02_example_checkbox">Label of the checkbox</label>
169 </div>
168 </div>
170 <span class="help-block">
169 <span class="help-block">
171 Example help text for this checkbox element. This help text
170 Example help text for this checkbox element. This help text
172 will be shown under the checkbox element itself. It can be
171 will be shown under the checkbox element itself. It can be
173 so long that it will span multiple lines.
172 so long that it will span multiple lines.
174 </span>
173 </span>
175 </div>
174 </div>
176 </div>
175 </div>
177
176
178
177
179 <div class='field field-sm'>
178 <div class='field field-sm'>
180 <div class='label'>
179 <div class='label'>
181 <label>Multiple checkboxes:</label>
180 <label>Multiple checkboxes:</label>
182 </div>
181 </div>
183 <div class="checkboxes">
182 <div class="checkboxes">
184 <div class="checkbox">
183 <div class="checkbox">
185 <input id="02_example_checkboxes_01" type="checkbox">
184 <input id="02_example_checkboxes_01" type="checkbox">
186 <label for="02_example_checkboxes_01">Label of the first checkbox</label>
185 <label for="02_example_checkboxes_01">Label of the first checkbox</label>
187 </div>
186 </div>
188 <div class="checkbox">
187 <div class="checkbox">
189 <input id="02_example_checkboxes_02" type="checkbox">
188 <input id="02_example_checkboxes_02" type="checkbox">
190 <label for="02_example_checkboxes_02">Label of the first checkbox</label>
189 <label for="02_example_checkboxes_02">Label of the first checkbox</label>
191 </div>
190 </div>
192 <div class="checkbox">
191 <div class="checkbox">
193 <input id="02_example_checkboxes_03" type="checkbox">
192 <input id="02_example_checkboxes_03" type="checkbox">
194 <label for="02_example_checkboxes_03">Label of the first checkbox</label>
193 <label for="02_example_checkboxes_03">Label of the first checkbox</label>
195 </div>
194 </div>
196 <span class="help-block">
195 <span class="help-block">
197 Example help text for this checkbox element. This help text
196 Example help text for this checkbox element. This help text
198 will be shown under the checkbox element itself. It can be
197 will be shown under the checkbox element itself. It can be
199 so long that it will span multiple lines.
198 so long that it will span multiple lines.
200 </span>
199 </span>
201 </div>
200 </div>
202 </div>
201 </div>
203
202
204
203
205 </div>
204 </div>
206 </div>
205 </div>
207 </form>
206 </form>
208 </div>
207 </div>
209
208
210
209
211
210
212
211
213 <h2>Error messages</h2>
212 <h2>Error messages</h2>
214
213
215 <div class="bs-example">
214 <div class="bs-example">
216 <form method='post' action=''>
215 <form method='post' action=''>
217 <div class='form'>
216 <div class='form'>
218 <div class='fields'>
217 <div class='fields'>
219
218
220 <div class='field field-sm'>
219 <div class='field field-sm'>
221 <div class='label'>
220 <div class='label'>
222 <label for='04_example_input'>Example input label:</label>
221 <label for='04_example_input'>Example input label:</label>
223 </div>
222 </div>
224 <div class='input'>
223 <div class='input'>
225 <input id="04_example_input" type="text" placeholder="Example input"/>
224 <input id="04_example_input" type="text" placeholder="Example input"/>
226 <span class="error-message">
225 <span class="error-message">
227 If form validation fails, some input fields can show an
226 If form validation fails, some input fields can show an
228 error message close to the field.
227 error message close to the field.
229 </span>
228 </span>
230 </div>
229 </div>
231 </div>
230 </div>
232
231
233 </div>
232 </div>
234 </div>
233 </div>
235 </form>
234 </form>
236 </div>
235 </div>
237
236
238
237
239 <h2>Fields with buttons</h2>
238 <h2>Fields with buttons</h2>
240
239
241 <div class="bs-example">
240 <div class="bs-example">
242 <form method='post' action=''>
241 <form method='post' action=''>
243 <div class='form'>
242 <div class='form'>
244 <div class='fields'>
243 <div class='fields'>
245
244
246 <div class='field field-sm'>
245 <div class='field field-sm'>
247 <div class='label'>
246 <div class='label'>
248 <label for='05_example_input'>Example input label:</label>
247 <label for='05_example_input'>Example input label:</label>
249 </div>
248 </div>
250 <div class='input'>
249 <div class='input'>
251 <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
250 <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
252 <span class="btn action_button btn-x">
251 <span class="btn action_button btn-x">
253 <i class="icon-remove"></i>
252 <i class="icon-remove"></i>
254 delete
253 delete
255 </span>
254 </span>
256 <span class="help-block">
255 <span class="help-block">
257 Used if there is a list of values and the user can remove
256 Used if there is a list of values and the user can remove
258 single entries.
257 single entries.
259 </span>
258 </span>
260 </div>
259 </div>
261 </div>
260 </div>
262
261
263
262
264 <div class='field field-sm'>
263 <div class='field field-sm'>
265 <div class='label'>
264 <div class='label'>
266 <label for='05_example_input'>Example input label:</label>
265 <label for='05_example_input'>Example input label:</label>
267 </div>
266 </div>
268 <div class='input'>
267 <div class='input'>
269 <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
268 <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
270 <span title="Click to unlock. You must restart RhodeCode in order to make this setting take effect."
269 <span title="Click to unlock. You must restart RhodeCode in order to make this setting take effect."
271 class="tooltip" id="path_unlock"
270 class="tooltip" id="path_unlock"
272 tt_title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
271 tt_title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
273 <div class="btn btn-default">
272 <div class="btn btn-default">
274 <span><i class="icon-lock" id="path_unlock_icon"></i></span>
273 <span><i class="icon-lock" id="path_unlock_icon"></i></span>
275 </div>
274 </div>
276 </span>
275 </span>
277 <span class="help-block">
276 <span class="help-block">
278 Used together with locked fields, the user has to first
277 Used together with locked fields, the user has to first
279 unlock and afterwards it is possible to change the value.
278 unlock and afterwards it is possible to change the value.
280 </span>
279 </span>
281 </div>
280 </div>
282 </div>
281 </div>
283
282
284 </div>
283 </div>
285 </div>
284 </div>
286 </form>
285 </form>
287 </div>
286 </div>
288
287
289
288
290
289
291
290
292 </div>
291 </div>
293 </div> <!-- .main-content -->
292 </div> <!-- .main-content -->
294 </div> <!-- .box -->
293 </div> <!-- .box -->
295 </%def>
294 </%def>
@@ -1,619 +1,618 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
17 ${self.sidebar()}
19
18
20 <div class="main-content">
19 <div class="main-content">
21
20
22 <h2>Simple form elements (Depreciated)</h2>
21 <h2>Simple form elements (Depreciated)</h2>
23
22
24 <div class="bs-example">
23 <div class="bs-example">
25 <form method='post' action='none'>
24 <form method='post' action='none'>
26 <div class='form'>
25 <div class='form'>
27 <div class='fields'>
26 <div class='fields'>
28
27
29 <div class='field'>
28 <div class='field'>
30 <div class='label'>
29 <div class='label'>
31 <label for='example_input_ro'>Example input readonly:</label>
30 <label for='example_input_ro'>Example input readonly:</label>
32 </div>
31 </div>
33 <div class='input'>
32 <div class='input'>
34 <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
33 <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
35 </div>
34 </div>
36 </div>
35 </div>
37
36
38 <div class='field'>
37 <div class='field'>
39 <div class='label'>
38 <div class='label'>
40 <label for='example_input'>Example text:</label>
39 <label for='example_input'>Example text:</label>
41 </div>
40 </div>
42 <div class='input'>
41 <div class='input'>
43 <div class='text-as-placeholder'>
42 <div class='text-as-placeholder'>
44 http://something.example.com
43 http://something.example.com
45 <span class="link" id="edit_clone_uri">${_('edit')}</span>
44 <span class="link" id="edit_clone_uri">${_('edit')}</span>
46 </div>
45 </div>
47 <p class='help-block'>Help text in a paragraph.</p>
46 <p class='help-block'>Help text in a paragraph.</p>
48 </div>
47 </div>
49 </div>
48 </div>
50
49
51 <div class='field'>
50 <div class='field'>
52 <div class='label'>
51 <div class='label'>
53 <label for='example_select'>Example select input:</label>
52 <label for='example_select'>Example select input:</label>
54 </div>
53 </div>
55 <div class="select">
54 <div class="select">
56 <select id="example_select" >
55 <select id="example_select" >
57 <option value="#">${_('Templates...')}</option>
56 <option value="#">${_('Templates...')}</option>
58 <option value="ga">Google Analytics</option>
57 <option value="ga">Google Analytics</option>
59 <option value="clicky">Clicky</option>
58 <option value="clicky">Clicky</option>
60 <option value="server_announce">${_('Server Announcement')}</option>
59 <option value="server_announce">${_('Server Announcement')}</option>
61 </select>
60 </select>
62 </div>
61 </div>
63 </div>
62 </div>
64 <script>
63 <script>
65 $(document).ready(function() {
64 $(document).ready(function() {
66 $('#example_select').select2({
65 $('#example_select').select2({
67 containerCssClass: 'drop-menu',
66 containerCssClass: 'drop-menu',
68 dropdownCssClass: 'drop-menu-dropdown',
67 dropdownCssClass: 'drop-menu-dropdown',
69 dropdownAutoWidth: true,
68 dropdownAutoWidth: true,
70 minimumResultsForSearch: -1
69 minimumResultsForSearch: -1
71 });
70 });
72 });
71 });
73 </script>
72 </script>
74
73
75 <div class='field'>
74 <div class='field'>
76 <div class='label'>
75 <div class='label'>
77 <label for='example_select'>Example select input:</label>
76 <label for='example_select'>Example select input:</label>
78 </div>
77 </div>
79 <div class="select">
78 <div class="select">
80 text before
79 text before
81 <select id="example_select2" >
80 <select id="example_select2" >
82 <option value="#">${_('Templates...')}</option>
81 <option value="#">${_('Templates...')}</option>
83 <option value="ga">Google Analytics</option>
82 <option value="ga">Google Analytics</option>
84 <option value="clicky">Clicky</option>
83 <option value="clicky">Clicky</option>
85 <option value="server_announce">${_('Server Announcement')}</option>
84 <option value="server_announce">${_('Server Announcement')}</option>
86 </select>
85 </select>
87 text after
86 text after
88 </div>
87 </div>
89 </div>
88 </div>
90 <script>
89 <script>
91 $(document).ready(function() {
90 $(document).ready(function() {
92 $('#example_select2').select2({
91 $('#example_select2').select2({
93 containerCssClass: 'drop-menu',
92 containerCssClass: 'drop-menu',
94 dropdownCssClass: 'drop-menu-dropdown',
93 dropdownCssClass: 'drop-menu-dropdown',
95 dropdownAutoWidth: true,
94 dropdownAutoWidth: true,
96 minimumResultsForSearch: -1
95 minimumResultsForSearch: -1
97 });
96 });
98 });
97 });
99 </script>
98 </script>
100
99
101 <div class='field'>
100 <div class='field'>
102 <div class='label'>
101 <div class='label'>
103 <label for='example_select'>Example select input with submenus:</label>
102 <label for='example_select'>Example select input with submenus:</label>
104 </div>
103 </div>
105 <div class="select">
104 <div class="select">
106 <select id="example_select_sub" >
105 <select id="example_select_sub" >
107 <option value="#">${_('Default')}</option>
106 <option value="#">${_('Default')}</option>
108 <optgroup label="Group 1">
107 <optgroup label="Group 1">
109 <option>Option 1.1</option>
108 <option>Option 1.1</option>
110 </optgroup>
109 </optgroup>
111 <optgroup label="Group 2">
110 <optgroup label="Group 2">
112 <option>Option 2.1</option>
111 <option>Option 2.1</option>
113 <option>Option 2.2</option>
112 <option>Option 2.2</option>
114 </optgroup>
113 </optgroup>
115 <optgroup label="Group 3" disabled>
114 <optgroup label="Group 3" disabled>
116 <option>Option 3.1</option>
115 <option>Option 3.1</option>
117 <option>Option 3.2</option>
116 <option>Option 3.2</option>
118 <option>Option 3.3</option>
117 <option>Option 3.3</option>
119 </optgroup>
118 </optgroup>
120 </select>
119 </select>
121 </div>
120 </div>
122 </div>
121 </div>
123 <script>
122 <script>
124 $(document).ready(function() {
123 $(document).ready(function() {
125 $('#example_select_sub').select2({
124 $('#example_select_sub').select2({
126 containerCssClass: 'drop-menu',
125 containerCssClass: 'drop-menu',
127 dropdownCssClass: 'drop-menu-dropdown',
126 dropdownCssClass: 'drop-menu-dropdown',
128 dropdownAutoWidth: true,
127 dropdownAutoWidth: true,
129 minimumResultsForSearch: -1
128 minimumResultsForSearch: -1
130 });
129 });
131 });
130 });
132 </script>
131 </script>
133
132
134 <div class='field'>
133 <div class='field'>
135 <div class='label'>
134 <div class='label'>
136 <label for='example_checkbox'>Example checkbox:</label>
135 <label for='example_checkbox'>Example checkbox:</label>
137 </div>
136 </div>
138 <div class="checkboxes">
137 <div class="checkboxes">
139 <div class="checkbox">
138 <div class="checkbox">
140 <input id="example_checkbox" type="checkbox">
139 <input id="example_checkbox" type="checkbox">
141 <label for="example_checkbox">Label of the checkbox</label>
140 <label for="example_checkbox">Label of the checkbox</label>
142 </div>
141 </div>
143 </div>
142 </div>
144 </div>
143 </div>
145
144
146 <div class='field'>
145 <div class='field'>
147 <div class='label'>
146 <div class='label'>
148 <label for='example_checkboxes'>Example multiple checkboxes:</label>
147 <label for='example_checkboxes'>Example multiple checkboxes:</label>
149 </div>
148 </div>
150 <div class="checkboxes">
149 <div class="checkboxes">
151 <div class="checkbox">
150 <div class="checkbox">
152 <input id="example_checkboxes_01" type="checkbox">
151 <input id="example_checkboxes_01" type="checkbox">
153 <label for="example_checkboxes_01">Label of the first checkbox</label>
152 <label for="example_checkboxes_01">Label of the first checkbox</label>
154 </div>
153 </div>
155 <div class="checkbox">
154 <div class="checkbox">
156 <input id="example_checkboxes_02" type="checkbox">
155 <input id="example_checkboxes_02" type="checkbox">
157 <label for="example_checkboxes_02">Label of the first checkbox</label>
156 <label for="example_checkboxes_02">Label of the first checkbox</label>
158 </div>
157 </div>
159 <div class="checkbox">
158 <div class="checkbox">
160 <input id="example_checkboxes_03" type="checkbox">
159 <input id="example_checkboxes_03" type="checkbox">
161 <label for="example_checkboxes_03">Label of the first checkbox</label>
160 <label for="example_checkboxes_03">Label of the first checkbox</label>
162 </div>
161 </div>
163 </div>
162 </div>
164 </div>
163 </div>
165
164
166
165
167 <div class='field'>
166 <div class='field'>
168 <div class='label'>
167 <div class='label'>
169 <label for='example_checkboxes'>Example multiple checkboxes:</label>
168 <label for='example_checkboxes'>Example multiple checkboxes:</label>
170 </div>
169 </div>
171 ## TODO: johbo: This is off compared to the checkboxes
170 ## TODO: johbo: This is off compared to the checkboxes
172 <div class="radios">
171 <div class="radios">
173 <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
172 <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
174 <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
173 <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
175 <span class="help-block">
174 <span class="help-block">
176 Permission to allow repository creation. This includes ability to create
175 Permission to allow repository creation. This includes ability to create
177 repositories in root level. If this option is disabled admin of
176 repositories in root level. If this option is disabled admin of
178 repository group can still create repositories inside that
177 repository group can still create repositories inside that
179 repository group.
178 repository group.
180 </span>
179 </span>
181 </div>
180 </div>
182 </div>
181 </div>
183
182
184 <div class="buttons">
183 <div class="buttons">
185 <input type="submit" value="Save" id="example_save" class="btn">
184 <input type="submit" value="Save" id="example_save" class="btn">
186 <input type="reset" value="Reset" id="example_reset" class="btn">
185 <input type="reset" value="Reset" id="example_reset" class="btn">
187 </div>
186 </div>
188
187
189 </div>
188 </div>
190 </div>
189 </div>
191 </form>
190 </form>
192 </div>
191 </div>
193
192
194
193
195
194
196
195
197 <h2>Help text in form elements</h2>
196 <h2>Help text in form elements</h2>
198
197
199 <div class="bs-example">
198 <div class="bs-example">
200 <form method='post' action=''>
199 <form method='post' action=''>
201 <div class='form'>
200 <div class='form'>
202 <div class='fields'>
201 <div class='fields'>
203
202
204 <div class='field'>
203 <div class='field'>
205 <div class='label'>
204 <div class='label'>
206 <label for='02_example_input'>Example input label:</label>
205 <label for='02_example_input'>Example input label:</label>
207 </div>
206 </div>
208 <div class='input'>
207 <div class='input'>
209 <input id="02_example_input" type="text" placeholder="Placeholder text">
208 <input id="02_example_input" type="text" placeholder="Placeholder text">
210 <span class="help-block">
209 <span class="help-block">
211 Example help text for this input element. This help text
210 Example help text for this input element. This help text
212 will be shown under the input element itself. It can be
211 will be shown under the input element itself. It can be
213 so long that it will span multiple lines.
212 so long that it will span multiple lines.
214 </span>
213 </span>
215
214
216 </div>
215 </div>
217 </div>
216 </div>
218
217
219 <div class='field'>
218 <div class='field'>
220 <div class='label'>
219 <div class='label'>
221 <label for='example_select_help'>Example select input:</label>
220 <label for='example_select_help'>Example select input:</label>
222 </div>
221 </div>
223 <div class="select">
222 <div class="select">
224 <select id="example_select_help" >
223 <select id="example_select_help" >
225 <option value="#">${_('Templates...')}</option>
224 <option value="#">${_('Templates...')}</option>
226 <option value="ga">Google Analytics</option>
225 <option value="ga">Google Analytics</option>
227 <option value="clicky">Clicky</option>
226 <option value="clicky">Clicky</option>
228 <option value="server_announce">${_('Server Announcement')}</option>
227 <option value="server_announce">${_('Server Announcement')}</option>
229 </select>
228 </select>
230 <span class="help-block">
229 <span class="help-block">
231 Example help text for this input element. This help text
230 Example help text for this input element. This help text
232 will be shown under the input element itself. It can be
231 will be shown under the input element itself. It can be
233 so long that it will span multiple lines.
232 so long that it will span multiple lines.
234 </span>
233 </span>
235 </div>
234 </div>
236 </div>
235 </div>
237 <script>
236 <script>
238 $(document).ready(function() {
237 $(document).ready(function() {
239 $('#example_select_help').select2({
238 $('#example_select_help').select2({
240 containerCssClass: 'drop-menu',
239 containerCssClass: 'drop-menu',
241 dropdownCssClass: 'drop-menu-dropdown',
240 dropdownCssClass: 'drop-menu-dropdown',
242 dropdownAutoWidth: true,
241 dropdownAutoWidth: true,
243 minimumResultsForSearch: -1
242 minimumResultsForSearch: -1
244 });
243 });
245 });
244 });
246 </script>
245 </script>
247
246
248 <div class='field'>
247 <div class='field'>
249 <div class='label'>
248 <div class='label'>
250 <label for='02_example_checkbox'>Example checkbox with help block:</label>
249 <label for='02_example_checkbox'>Example checkbox with help block:</label>
251 </div>
250 </div>
252 <div class="checkboxes">
251 <div class="checkboxes">
253 <div class="checkbox">
252 <div class="checkbox">
254 <input id="02_example_checkbox" type="checkbox">
253 <input id="02_example_checkbox" type="checkbox">
255 <label for="02_example_checkbox">Label of the checkbox</label>
254 <label for="02_example_checkbox">Label of the checkbox</label>
256 </div>
255 </div>
257 <span class="help-block">
256 <span class="help-block">
258 Example help text for this checkbox element. This help text
257 Example help text for this checkbox element. This help text
259 will be shown under the checkbox element itself. It can be
258 will be shown under the checkbox element itself. It can be
260 so long that it will span multiple lines.
259 so long that it will span multiple lines.
261 </span>
260 </span>
262 </div>
261 </div>
263 </div>
262 </div>
264
263
265
264
266 <div class='field'>
265 <div class='field'>
267 <div class='label'>
266 <div class='label'>
268 <label>Multiple checkboxes:</label>
267 <label>Multiple checkboxes:</label>
269 </div>
268 </div>
270 <div class="checkboxes">
269 <div class="checkboxes">
271 <div class="checkbox">
270 <div class="checkbox">
272 <input id="02_example_checkboxes_01" type="checkbox">
271 <input id="02_example_checkboxes_01" type="checkbox">
273 <label for="02_example_checkboxes_01">Label of the first checkbox</label>
272 <label for="02_example_checkboxes_01">Label of the first checkbox</label>
274 </div>
273 </div>
275 <div class="checkbox">
274 <div class="checkbox">
276 <input id="02_example_checkboxes_02" type="checkbox">
275 <input id="02_example_checkboxes_02" type="checkbox">
277 <label for="02_example_checkboxes_02">Label of the first checkbox</label>
276 <label for="02_example_checkboxes_02">Label of the first checkbox</label>
278 </div>
277 </div>
279 <div class="checkbox">
278 <div class="checkbox">
280 <input id="02_example_checkboxes_03" type="checkbox">
279 <input id="02_example_checkboxes_03" type="checkbox">
281 <label for="02_example_checkboxes_03">Label of the first checkbox</label>
280 <label for="02_example_checkboxes_03">Label of the first checkbox</label>
282 </div>
281 </div>
283 <span class="help-block">
282 <span class="help-block">
284 Example help text for this checkbox element. This help text
283 Example help text for this checkbox element. This help text
285 will be shown under the checkbox element itself. It can be
284 will be shown under the checkbox element itself. It can be
286 so long that it will span multiple lines.
285 so long that it will span multiple lines.
287 </span>
286 </span>
288 </div>
287 </div>
289 </div>
288 </div>
290
289
291
290
292 </div>
291 </div>
293 </div>
292 </div>
294 </form>
293 </form>
295 </div>
294 </div>
296
295
297
296
298
297
299
298
300 <h2>Error messages</h2>
299 <h2>Error messages</h2>
301
300
302 <div class="bs-example">
301 <div class="bs-example">
303 <form method='post' action=''>
302 <form method='post' action=''>
304 <div class='form'>
303 <div class='form'>
305 <div class='fields'>
304 <div class='fields'>
306
305
307 <div class='field'>
306 <div class='field'>
308 <div class='label'>
307 <div class='label'>
309 <label for='04_example_input'>Example input label:</label>
308 <label for='04_example_input'>Example input label:</label>
310 </div>
309 </div>
311 <div class='input'>
310 <div class='input'>
312 <input id="04_example_input" type="text" placeholder="Example input"/>
311 <input id="04_example_input" type="text" placeholder="Example input"/>
313 <span class="error-message">
312 <span class="error-message">
314 If form validation fails, some input fields can show an
313 If form validation fails, some input fields can show an
315 error message close to the field.
314 error message close to the field.
316 </span>
315 </span>
317 </div>
316 </div>
318 </div>
317 </div>
319
318
320 </div>
319 </div>
321 </div>
320 </div>
322 </form>
321 </form>
323 </div>
322 </div>
324
323
325
324
326
325
327
326
328 <h2>Fields with buttons</h2>
327 <h2>Fields with buttons</h2>
329
328
330 <div class="bs-example">
329 <div class="bs-example">
331 <form method='post' action=''>
330 <form method='post' action=''>
332 <div class='form'>
331 <div class='form'>
333 <div class='fields'>
332 <div class='fields'>
334
333
335 <div class='field'>
334 <div class='field'>
336 <div class='label'>
335 <div class='label'>
337 <label for='05_example_input'>Example input label:</label>
336 <label for='05_example_input'>Example input label:</label>
338 </div>
337 </div>
339 <div class='input'>
338 <div class='input'>
340 <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
339 <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
341 <span class="btn btn-x">
340 <span class="btn btn-x">
342 <i class="icon-remove"></i>
341 <i class="icon-remove"></i>
343 delete
342 delete
344 </span>
343 </span>
345 <button class='btn btn-primary'>Action</button>
344 <button class='btn btn-primary'>Action</button>
346 <span class="help-block">
345 <span class="help-block">
347 Used if there is a list of values and the user can remove
346 Used if there is a list of values and the user can remove
348 single entries.
347 single entries.
349 </span>
348 </span>
350 </div>
349 </div>
351 </div>
350 </div>
352
351
353
352
354 <div class='field'>
353 <div class='field'>
355 <div class='label'>
354 <div class='label'>
356 <label for='05_example_input'>Example input label:</label>
355 <label for='05_example_input'>Example input label:</label>
357 </div>
356 </div>
358 <div class='input'>
357 <div class='input'>
359 <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
358 <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
360 <span title="Click to unlock. You must restart RhodeCode in order to make this setting take effect."
359 <span title="Click to unlock. You must restart RhodeCode in order to make this setting take effect."
361 class="tooltip" id="path_unlock"
360 class="tooltip" id="path_unlock"
362 tt_title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
361 tt_title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
363 <div class="btn btn-default">
362 <div class="btn btn-default">
364 <span><i class="icon-lock" id="path_unlock_icon"></i></span>
363 <span><i class="icon-lock" id="path_unlock_icon"></i></span>
365 </div>
364 </div>
366 <button class='btn btn-primary'>Action</button>
365 <button class='btn btn-primary'>Action</button>
367 </span>
366 </span>
368 <span class="help-block">
367 <span class="help-block">
369 Used together with locked fields, the user has to first
368 Used together with locked fields, the user has to first
370 unlock and afterwards it is possible to change the value.
369 unlock and afterwards it is possible to change the value.
371 </span>
370 </span>
372 </div>
371 </div>
373 </div>
372 </div>
374
373
375 <div class='field'>
374 <div class='field'>
376 <div class='label'>
375 <div class='label'>
377 <label for='05_example_select'>Example input label:</label>
376 <label for='05_example_select'>Example input label:</label>
378 </div>
377 </div>
379 <div class="select">
378 <div class="select">
380 <select id="05_example_select" >
379 <select id="05_example_select" >
381 <option value="#">${_('Templates...')}</option>
380 <option value="#">${_('Templates...')}</option>
382 <option value="ga">Google Analytics</option>
381 <option value="ga">Google Analytics</option>
383 <option value="clicky">Clicky</option>
382 <option value="clicky">Clicky</option>
384 <option value="server_announce">${_('Server Announcement')}</option>
383 <option value="server_announce">${_('Server Announcement')}</option>
385 </select>
384 </select>
386 <button class='btn btn-primary'>Action</button>
385 <button class='btn btn-primary'>Action</button>
387 </div>
386 </div>
388 </div>
387 </div>
389 <script>
388 <script>
390 $(document).ready(function() {
389 $(document).ready(function() {
391 $('#05_example_select').select2({
390 $('#05_example_select').select2({
392 containerCssClass: 'drop-menu',
391 containerCssClass: 'drop-menu',
393 dropdownCssClass: 'drop-menu-dropdown',
392 dropdownCssClass: 'drop-menu-dropdown',
394 dropdownAutoWidth: true
393 dropdownAutoWidth: true
395 });
394 });
396 });
395 });
397 </script>
396 </script>
398
397
399 <div class='field'>
398 <div class='field'>
400 <div class='label'>
399 <div class='label'>
401 <label for='05_example_select2'>Example input label:</label>
400 <label for='05_example_select2'>Example input label:</label>
402 </div>
401 </div>
403 <div class="select">
402 <div class="select">
404 <span>Some text</span>
403 <span>Some text</span>
405 before
404 before
406 <select id="05_example_select2" >
405 <select id="05_example_select2" >
407 <option value="#">${_('Templates...')}</option>
406 <option value="#">${_('Templates...')}</option>
408 <option value="ga">Google Analytics</option>
407 <option value="ga">Google Analytics</option>
409 <option value="clicky">Clicky</option>
408 <option value="clicky">Clicky</option>
410 <option value="server_announce">${_('Server Announcement')}</option>
409 <option value="server_announce">${_('Server Announcement')}</option>
411 </select>
410 </select>
412 after
411 after
413 <button class='btn btn-primary'>Action</button>
412 <button class='btn btn-primary'>Action</button>
414 Some text
413 Some text
415 </div>
414 </div>
416 </div>
415 </div>
417 <script>
416 <script>
418 $(document).ready(function() {
417 $(document).ready(function() {
419 $('#05_example_select2').select2({
418 $('#05_example_select2').select2({
420 containerCssClass: 'drop-menu',
419 containerCssClass: 'drop-menu',
421 dropdownCssClass: 'drop-menu-dropdown',
420 dropdownCssClass: 'drop-menu-dropdown',
422 dropdownAutoWidth: true
421 dropdownAutoWidth: true
423 });
422 });
424 });
423 });
425 </script>
424 </script>
426
425
427
426
428 </div>
427 </div>
429 </div>
428 </div>
430 </form>
429 </form>
431 </div>
430 </div>
432
431
433
432
434
433
435 <h2>Definition lists together with forms</h2>
434 <h2>Definition lists together with forms</h2>
436
435
437 <p>Some pages list values in a definition list. These lists align
436 <p>Some pages list values in a definition list. These lists align
438 properly with form elements on the same page.</p>
437 properly with form elements on the same page.</p>
439
438
440 <div class="bs-example">
439 <div class="bs-example">
441
440
442 <dl class="dl-horizontal">
441 <dl class="dl-horizontal">
443 <dt>RhodeCode version:</dt>
442 <dt>RhodeCode version:</dt>
444 <dd title="">3.0.0</dd>
443 <dd title="">3.0.0</dd>
445 <dt>License token:</dt>
444 <dt>License token:</dt>
446 <dd title=""><pre>abra-cada-bra1-rce3</pre></dd>
445 <dd title=""><pre>abra-cada-bra1-rce3</pre></dd>
447 <dt>License issued to:</dt>
446 <dt>License issued to:</dt>
448 <dd title="">RhodeCode Trial (RhodeCode GmbH)</dd>
447 <dd title="">RhodeCode Trial (RhodeCode GmbH)</dd>
449 <dt>License issued on:</dt>
448 <dt>License issued on:</dt>
450 <dd title="">Sun, 07 Dec 2014 16:34:10</dd>
449 <dd title="">Sun, 07 Dec 2014 16:34:10</dd>
451 <dt>License expires on:</dt>
450 <dt>License expires on:</dt>
452 <dd title="">Fri, 05 Jun 2015 17:34:10</dd>
451 <dd title="">Fri, 05 Jun 2015 17:34:10</dd>
453 <dt>License type:</dt>
452 <dt>License type:</dt>
454 <dd title="">trial</dd>
453 <dd title="">trial</dd>
455 <dt>License users limit:</dt>
454 <dt>License users limit:</dt>
456 <dd title="">20</dd>
455 <dd title="">20</dd>
457 </dl>
456 </dl>
458
457
459 <form method='post' action=''>
458 <form method='post' action=''>
460 <div class='form'>
459 <div class='form'>
461 <div class='fields'>
460 <div class='fields'>
462
461
463 <div class='field'>
462 <div class='field'>
464 <div class='label'>
463 <div class='label'>
465 <label for='07_example_input'>Example input label:</label>
464 <label for='07_example_input'>Example input label:</label>
466 </div>
465 </div>
467 <div class='input'>
466 <div class='input'>
468 <input id="07_example_input" type="text" placeholder="Example input">
467 <input id="07_example_input" type="text" placeholder="Example input">
469 </div>
468 </div>
470 </div>
469 </div>
471
470
472 <div class="buttons">
471 <div class="buttons">
473 <input type="submit" value="Save" id="07_example_save" class="btn">
472 <input type="submit" value="Save" id="07_example_save" class="btn">
474 <input type="reset" value="Reset" id="07_example_reset" class="btn">
473 <input type="reset" value="Reset" id="07_example_reset" class="btn">
475 </div>
474 </div>
476 </div>
475 </div>
477 </div>
476 </div>
478 </form>
477 </form>
479
478
480 </div>
479 </div>
481
480
482
481
483
482
484
483
485
484
486 <h2>Multi select widget</h2>
485 <h2>Multi select widget</h2>
487
486
488 <p>This example shows two multi select widgets, one having no selects
487 <p>This example shows two multi select widgets, one having no selects
489 currently. It is mixed up with other form elements to show the
488 currently. It is mixed up with other form elements to show the
490 magin effects.</p>
489 magin effects.</p>
491
490
492 <div class="bs-example">
491 <div class="bs-example">
493
492
494 <form method='post' action=''>
493 <form method='post' action=''>
495 <div class='form'>
494 <div class='form'>
496 <div class='fields'>
495 <div class='fields'>
497
496
498 <div class='field'>
497 <div class='field'>
499 <div class='label'>
498 <div class='label'>
500 <label for='example_input'>Example input label:</label>
499 <label for='example_input'>Example input label:</label>
501 </div>
500 </div>
502 <div class='input'>
501 <div class='input'>
503 <input id="example_input" type="text" placeholder="Example input">
502 <input id="example_input" type="text" placeholder="Example input">
504 </div>
503 </div>
505 </div>
504 </div>
506
505
507 <div class="field">
506 <div class="field">
508 <div class="label">
507 <div class="label">
509 <label for="users_group_active">${_('Members')}:</label>
508 <label for="users_group_active">${_('Members')}:</label>
510 </div>
509 </div>
511 <div class="select side-by-side-selector">
510 <div class="select side-by-side-selector">
512 <div class="left-group">
511 <div class="left-group">
513 <label class="text" >${_('Chosen group members')}</label>
512 <label class="text" >${_('Chosen group members')}</label>
514 <select id="users_group_members" multiple size='8'>
513 <select id="users_group_members" multiple size='8'>
515 <option value="#">${_('Templates...')}</option>
514 <option value="#">${_('Templates...')}</option>
516 <option value="ga">Google Analytics</option>
515 <option value="ga">Google Analytics</option>
517 <option value="clicky">Clicky</option>
516 <option value="clicky">Clicky</option>
518 <option value="server_announce">${_('Server Announcement')}</option>
517 <option value="server_announce">${_('Server Announcement')}</option>
519 <option value="#">${_('Templates...')}</option>
518 <option value="#">${_('Templates...')}</option>
520 <option value="ga">Google Analytics</option>
519 <option value="ga">Google Analytics</option>
521 <option value="clicky">Clicky</option>
520 <option value="clicky">Clicky</option>
522 <option value="server_announce">${_('Server Announcement')}</option>
521 <option value="server_announce">${_('Server Announcement')}</option>
523 </select>
522 </select>
524 <div class="btn" id="remove_all_elements" >
523 <div class="btn" id="remove_all_elements" >
525 ${_('Remove all elements')}
524 ${_('Remove all elements')}
526 <i class="icon-chevron-right"></i>
525 <i class="icon-chevron-right"></i>
527 </div>
526 </div>
528 </div>
527 </div>
529 <div class="middle-group">
528 <div class="middle-group">
530 <i id="add_element" class="icon-chevron-left"></i>
529 <i id="add_element" class="icon-chevron-left"></i>
531 <br />
530 <br />
532 <i id="remove_element" class="icon-chevron-right"></i>
531 <i id="remove_element" class="icon-chevron-right"></i>
533 </div>
532 </div>
534 <div class="right-group">
533 <div class="right-group">
535 <label class="text" >${_('Available members')}</label>
534 <label class="text" >${_('Available members')}</label>
536 <select id="available_members" multiple size='8'>
535 <select id="available_members" multiple size='8'>
537 <option value="#">${_('Templates...')}</option>
536 <option value="#">${_('Templates...')}</option>
538 <option value="ga">Google Analytics</option>
537 <option value="ga">Google Analytics</option>
539 <option value="clicky">Clicky</option>
538 <option value="clicky">Clicky</option>
540 <option value="server_announce">${_('Server Announcement')}</option>
539 <option value="server_announce">${_('Server Announcement')}</option>
541 </select>
540 </select>
542 <div class="btn" id="add_all_elements" >
541 <div class="btn" id="add_all_elements" >
543 <i class="icon-chevron-left"></i>${_('Add all elements')}
542 <i class="icon-chevron-left"></i>${_('Add all elements')}
544 </div>
543 </div>
545 </div>
544 </div>
546 </div>
545 </div>
547
546
548 </div>
547 </div>
549
548
550 <div class='field'>
549 <div class='field'>
551 <div class='label'>
550 <div class='label'>
552 <label for='example_input'>Example input label:</label>
551 <label for='example_input'>Example input label:</label>
553 </div>
552 </div>
554 <div class='input'>
553 <div class='input'>
555 <input id="example_input" type="text" placeholder="Example input">
554 <input id="example_input" type="text" placeholder="Example input">
556 </div>
555 </div>
557 </div>
556 </div>
558
557
559 <div class="field">
558 <div class="field">
560 <div class="label">
559 <div class="label">
561 <label for="users_group_active2">Members with one side empty:</label>
560 <label for="users_group_active2">Members with one side empty:</label>
562 </div>
561 </div>
563 <div class="select side-by-side-selector">
562 <div class="select side-by-side-selector">
564 <div class="left-group">
563 <div class="left-group">
565 <label class="text" >${_('Chosen group members')}</label>
564 <label class="text" >${_('Chosen group members')}</label>
566 <select id="users_group_members2" multiple size='8'>
565 <select id="users_group_members2" multiple size='8'>
567 </select>
566 </select>
568 <div class="btn" id="remove_all_elements2" >
567 <div class="btn" id="remove_all_elements2" >
569 ${_('Remove all elements')}
568 ${_('Remove all elements')}
570 <i class="icon-chevron-right"></i>
569 <i class="icon-chevron-right"></i>
571 </div>
570 </div>
572 </div>
571 </div>
573 <div class="middle-group">
572 <div class="middle-group">
574 <i id="add_element2" class="icon-chevron-left"></i>
573 <i id="add_element2" class="icon-chevron-left"></i>
575 <br />
574 <br />
576 <i id="remove_element2" class="icon-chevron-right"></i>
575 <i id="remove_element2" class="icon-chevron-right"></i>
577 </div>
576 </div>
578 <div class="right-group">
577 <div class="right-group">
579 <label class="text" >${_('Available members')}</label>
578 <label class="text" >${_('Available members')}</label>
580 <select id="available_members2" multiple size='8'>
579 <select id="available_members2" multiple size='8'>
581 <option value="#">${_('Templates...')}</option>
580 <option value="#">${_('Templates...')}</option>
582 <option value="ga">Google Analytics</option>
581 <option value="ga">Google Analytics</option>
583 <option value="clicky">Clicky</option>
582 <option value="clicky">Clicky</option>
584 <option value="server_announce">${_('Server Announcement')}</option>
583 <option value="server_announce">${_('Server Announcement')}</option>
585 </select>
584 </select>
586 <div class="btn" id="add_all_elements2" >
585 <div class="btn" id="add_all_elements2" >
587 <i class="icon-chevron-left"></i>${_('Add all elements')}
586 <i class="icon-chevron-left"></i>${_('Add all elements')}
588 </div>
587 </div>
589 </div>
588 </div>
590 </div>
589 </div>
591
590
592 </div>
591 </div>
593
592
594 <div class='field'>
593 <div class='field'>
595 <div class='label'>
594 <div class='label'>
596 <label for='example_input'>Example input label:</label>
595 <label for='example_input'>Example input label:</label>
597 </div>
596 </div>
598 <div class='input'>
597 <div class='input'>
599 <input id="example_input" type="text" placeholder="Example input">
598 <input id="example_input" type="text" placeholder="Example input">
600 </div>
599 </div>
601 </div>
600 </div>
602
601
603 <div class="buttons">
602 <div class="buttons">
604 <input type="submit" value="Save" id="07_example_save" class="btn">
603 <input type="submit" value="Save" id="07_example_save" class="btn">
605 <input type="reset" value="Reset" id="07_example_reset" class="btn">
604 <input type="reset" value="Reset" id="07_example_reset" class="btn">
606 </div>
605 </div>
607 </div>
606 </div>
608 </div>
607 </div>
609 </form>
608 </form>
610
609
611 </div>
610 </div>
612
611
613
612
614
613
615
614
616 </div>
615 </div>
617 </div> <!-- .main-content -->
616 </div> <!-- .main-content -->
618 </div> <!-- .box -->
617 </div> <!-- .box -->
619 </%def>
618 </%def>
@@ -1,174 +1,173 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
17 ${self.sidebar()}
19
18
20 <div class="main-content">
19 <div class="main-content">
21
20
22
21
23 <h2>Inline form elements</h2>
22 <h2>Inline form elements</h2>
24
23
25 <p>A few places have a button close to an input element or similar.</p>
24 <p>A few places have a button close to an input element or similar.</p>
26
25
27
26
28 <h3>Submit button after select element</h3>
27 <h3>Submit button after select element</h3>
29
28
30 <div class="bs-example">
29 <div class="bs-example">
31
30
32 ## TODO: johbo: not sure if we should add a class like .form-inline
31 ## TODO: johbo: not sure if we should add a class like .form-inline
33 ## here. Seems to work good enough right now.
32 ## here. Seems to work good enough right now.
34 <form method="post" action="">
33 <form method="post" action="">
35 <div class="form">
34 <div class="form">
36 <div class="fields">
35 <div class="fields">
37 <select id="example_select" >
36 <select id="example_select" >
38 <option value="#">${_('Templates...')}</option>
37 <option value="#">${_('Templates...')}</option>
39 <option value="ga">Google Analytics</option>
38 <option value="ga">Google Analytics</option>
40 <option value="clicky">Clicky</option>
39 <option value="clicky">Clicky</option>
41 <option value="server_announce">${_('Server Announcement')}</option>
40 <option value="server_announce">${_('Server Announcement')}</option>
42 </select>
41 </select>
43 <input type="submit" value="Set" id="example_save" class="btn">
42 <input type="submit" value="Set" id="example_save" class="btn">
44 </div>
43 </div>
45
44
46 <script>
45 <script>
47 $(document).ready(function() {
46 $(document).ready(function() {
48 $('#example_select').select2({
47 $('#example_select').select2({
49 containerCssClass: 'drop-menu',
48 containerCssClass: 'drop-menu',
50 dropdownCssClass: 'drop-menu-dropdown',
49 dropdownCssClass: 'drop-menu-dropdown',
51 dropdownAutoWidth: true,
50 dropdownAutoWidth: true,
52 minimumResultsForSearch: -1
51 minimumResultsForSearch: -1
53 });
52 });
54 });
53 });
55 </script>
54 </script>
56
55
57 </div>
56 </div>
58 </form>
57 </form>
59
58
60 </div>
59 </div>
61
60
62
61
63
62
64 <h3>Submit button after input element</h3>
63 <h3>Submit button after input element</h3>
65
64
66 <div class="bs-example">
65 <div class="bs-example">
67
66
68 ## TODO: johbo: not sure if we should add a class like .form-inline
67 ## TODO: johbo: not sure if we should add a class like .form-inline
69 ## here. Seems to work good enough right now.
68 ## here. Seems to work good enough right now.
70 <form method="post" action="">
69 <form method="post" action="">
71 <div class="form">
70 <div class="form">
72
71
73 <div class="fields">
72 <div class="fields">
74 <input type="text" id="example_input" placeholder="Placeholder...">
73 <input type="text" id="example_input" placeholder="Placeholder...">
75 <input type="submit" value="Set" id="example_save" class="btn">
74 <input type="submit" value="Set" id="example_save" class="btn">
76 </div>
75 </div>
77
76
78 </div>
77 </div>
79 </form>
78 </form>
80
79
81 </div>
80 </div>
82
81
83
82
84
83
85 <h3>Submit and Reset button after input element</h3>
84 <h3>Submit and Reset button after input element</h3>
86
85
87 <div class="bs-example">
86 <div class="bs-example">
88
87
89 ## TODO: johbo: not sure if we should add a class like .form-inline
88 ## TODO: johbo: not sure if we should add a class like .form-inline
90 ## here. Seems to work good enough right now.
89 ## here. Seems to work good enough right now.
91 <form method="post" action="">
90 <form method="post" action="">
92 <div class="form">
91 <div class="form">
93
92
94 <div class="fields">
93 <div class="fields">
95 <input type="text" id="example_input" placeholder="Placeholder...">
94 <input type="text" id="example_input" placeholder="Placeholder...">
96 <input type="submit" value="Set" id="example_save" class="btn">
95 <input type="submit" value="Set" id="example_save" class="btn">
97 <input type="reset" value="Reset" id="example_reset" class="btn">
96 <input type="reset" value="Reset" id="example_reset" class="btn">
98 </div>
97 </div>
99
98
100 </div>
99 </div>
101 </form>
100 </form>
102
101
103 </div>
102 </div>
104
103
105
104
106
105
107 <h3>Checkbox wrapped in the label itself</h3>
106 <h3>Checkbox wrapped in the label itself</h3>
108
107
109 <div class="bs-example">
108 <div class="bs-example">
110
109
111 <div class="field">
110 <div class="field">
112 <label><input id="example_label_checkbox" type="checkbox">Checkbox with label around it</label>
111 <label><input id="example_label_checkbox" type="checkbox">Checkbox with label around it</label>
113 </div>
112 </div>
114
113
115 <div class="field">
114 <div class="field">
116 <label><input id="example_label_checkbox" type="radio">Radio with label around it</label>
115 <label><input id="example_label_checkbox" type="radio">Radio with label around it</label>
117 </div>
116 </div>
118
117
119 </div>
118 </div>
120
119
121
120
122 <h3>Checkbox wrapped in the label itself</h3>
121 <h3>Checkbox wrapped in the label itself</h3>
123
122
124 <div class="bs-example">
123 <div class="bs-example">
125
124
126 <div class="form">
125 <div class="form">
127 <div class="fields">
126 <div class="fields">
128 <label>Label</label> <input type="text">
127 <label>Label</label> <input type="text">
129 </div>
128 </div>
130 </div>
129 </div>
131 </div>
130 </div>
132
131
133
132
134 <div class="bs-example">
133 <div class="bs-example">
135 <div class="form">
134 <div class="form">
136 <div class="fields">
135 <div class="fields">
137 <label>Label</label>
136 <label>Label</label>
138 <select id="02_example_select1" >
137 <select id="02_example_select1" >
139 <option value="#">${_('Templates...')}</option>
138 <option value="#">${_('Templates...')}</option>
140 <option value="ga">Google Analytics</option>
139 <option value="ga">Google Analytics</option>
141 <option value="clicky">Clicky</option>
140 <option value="clicky">Clicky</option>
142 <option value="server_announce">${_('Server Announcement')}</option>
141 <option value="server_announce">${_('Server Announcement')}</option>
143 </select>
142 </select>
144
143
145 <label>Label</label>
144 <label>Label</label>
146 <select id="02_example_select2" >
145 <select id="02_example_select2" >
147 <option value="#">${_('Templates...')}</option>
146 <option value="#">${_('Templates...')}</option>
148 <option value="ga">Google Analytics</option>
147 <option value="ga">Google Analytics</option>
149 <option value="clicky">Clicky</option>
148 <option value="clicky">Clicky</option>
150 <option value="server_announce">${_('Server Announcement')}</option>
149 <option value="server_announce">${_('Server Announcement')}</option>
151 </select>
150 </select>
152 </div>
151 </div>
153 </div>
152 </div>
154
153
155 <script>
154 <script>
156 $(document).ready(function() {
155 $(document).ready(function() {
157 $('#02_example_select1').select2({
156 $('#02_example_select1').select2({
158 containerCssClass: 'drop-menu',
157 containerCssClass: 'drop-menu',
159 dropdownCssClass: 'drop-menu-dropdown',
158 dropdownCssClass: 'drop-menu-dropdown',
160 dropdownAutoWidth: true,
159 dropdownAutoWidth: true,
161 minimumResultsForSearch: -1
160 minimumResultsForSearch: -1
162 });
161 });
163 $('#02_example_select2').select2({
162 $('#02_example_select2').select2({
164 containerCssClass: 'drop-menu',
163 containerCssClass: 'drop-menu',
165 dropdownCssClass: 'drop-menu-dropdown',
164 dropdownCssClass: 'drop-menu-dropdown',
166 dropdownAutoWidth: true,
165 dropdownAutoWidth: true,
167 minimumResultsForSearch: -1
166 minimumResultsForSearch: -1
168 });
167 });
169 });
168 });
170 </script>
169 </script>
171 </div>
170 </div>
172 </div>
171 </div>
173 </div>
172 </div>
174 </%def>
173 </%def>
@@ -1,144 +1,143 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 ##main
16 ##main
18 <div class='sidebar-col-wrapper'>
17 <div class='sidebar-col-wrapper'>
19 ${self.sidebar()}
18 ${self.sidebar()}
20
19
21 <div class="main-content">
20 <div class="main-content">
22
21
23 <h2>Vertical forms</h2>
22 <h2>Vertical forms</h2>
24
23
25 <p>Adding the class <code>.form-vertical</code> will align the form
24 <p>Adding the class <code>.form-vertical</code> will align the form
26 elements differently. Otherwise it is the same structure of HTML
25 elements differently. Otherwise it is the same structure of HTML
27 elements.</p>
26 elements.</p>
28
27
29 <h2>Simple form elements</h2>
28 <h2>Simple form elements</h2>
30
29
31 <div class="bs-example">
30 <div class="bs-example">
32 <form method='post' action='none'>
31 <form method='post' action='none'>
33 <div class='form form-vertical'>
32 <div class='form form-vertical'>
34 <div class='fields'>
33 <div class='fields'>
35
34
36 <div class='field'>
35 <div class='field'>
37 <div class='label'>
36 <div class='label'>
38 <label for='example_input'>Example input label:</label>
37 <label for='example_input'>Example input label:</label>
39 </div>
38 </div>
40 <div class='input'>
39 <div class='input'>
41 <input id="example_input" type="text" placeholder="Example input">
40 <input id="example_input" type="text" placeholder="Example input">
42 </div>
41 </div>
43 </div>
42 </div>
44
43
45 <div class='field'>
44 <div class='field'>
46 <div class='label'>
45 <div class='label'>
47 <label for='example_input_ro'>Example input readonly:</label>
46 <label for='example_input_ro'>Example input readonly:</label>
48 </div>
47 </div>
49 <div class='input'>
48 <div class='input'>
50 <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
49 <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
51 </div>
50 </div>
52 </div>
51 </div>
53
52
54 <div class='field'>
53 <div class='field'>
55 <div class='label'>
54 <div class='label'>
56 <label for='example_select'>Example select input:</label>
55 <label for='example_select'>Example select input:</label>
57 </div>
56 </div>
58 <div class="select">
57 <div class="select">
59 <select id="example_select" >
58 <select id="example_select" >
60 <option value="#">${_('Templates...')}</option>
59 <option value="#">${_('Templates...')}</option>
61 <option value="ga">Google Analytics</option>
60 <option value="ga">Google Analytics</option>
62 <option value="clicky">Clicky</option>
61 <option value="clicky">Clicky</option>
63 <option value="server_announce">${_('Server Announcement')}</option>
62 <option value="server_announce">${_('Server Announcement')}</option>
64 </select>
63 </select>
65 </div>
64 </div>
66 </div>
65 </div>
67 <script>
66 <script>
68 $(document).ready(function() {
67 $(document).ready(function() {
69 $('#example_select').select2({
68 $('#example_select').select2({
70 containerCssClass: 'drop-menu',
69 containerCssClass: 'drop-menu',
71 dropdownCssClass: 'drop-menu-dropdown',
70 dropdownCssClass: 'drop-menu-dropdown',
72 dropdownAutoWidth: true,
71 dropdownAutoWidth: true,
73 minimumResultsForSearch: -1
72 minimumResultsForSearch: -1
74 });
73 });
75 });
74 });
76 </script>
75 </script>
77
76
78 <div class='field'>
77 <div class='field'>
79 <div class='label'>
78 <div class='label'>
80 <label for='example_checkbox'>Example checkbox:</label>
79 <label for='example_checkbox'>Example checkbox:</label>
81 </div>
80 </div>
82 <div class="checkboxes">
81 <div class="checkboxes">
83 <div class="checkbox">
82 <div class="checkbox">
84 <input id="example_checkbox" type="checkbox">
83 <input id="example_checkbox" type="checkbox">
85 <label for="example_checkbox">Label of the checkbox</label>
84 <label for="example_checkbox">Label of the checkbox</label>
86 </div>
85 </div>
87 </div>
86 </div>
88 </div>
87 </div>
89
88
90 <div class='field'>
89 <div class='field'>
91 <div class='label'>
90 <div class='label'>
92 <label for='example_checkboxes'>Example multiple checkboxes:</label>
91 <label for='example_checkboxes'>Example multiple checkboxes:</label>
93 </div>
92 </div>
94 <div class="checkboxes">
93 <div class="checkboxes">
95 <div class="checkbox">
94 <div class="checkbox">
96 <input id="example_checkboxes_01" type="checkbox">
95 <input id="example_checkboxes_01" type="checkbox">
97 <label for="example_checkboxes_01">Label of the first checkbox</label>
96 <label for="example_checkboxes_01">Label of the first checkbox</label>
98 </div>
97 </div>
99 <div class="checkbox">
98 <div class="checkbox">
100 <input id="example_checkboxes_02" type="checkbox">
99 <input id="example_checkboxes_02" type="checkbox">
101 <label for="example_checkboxes_02">Label of the first checkbox</label>
100 <label for="example_checkboxes_02">Label of the first checkbox</label>
102 </div>
101 </div>
103 <div class="checkbox">
102 <div class="checkbox">
104 <input id="example_checkboxes_03" type="checkbox">
103 <input id="example_checkboxes_03" type="checkbox">
105 <label for="example_checkboxes_03">Label of the first checkbox</label>
104 <label for="example_checkboxes_03">Label of the first checkbox</label>
106 </div>
105 </div>
107 </div>
106 </div>
108 </div>
107 </div>
109
108
110
109
111 <div class='field'>
110 <div class='field'>
112 <div class='label'>
111 <div class='label'>
113 <label for='example_checkboxes'>Example multiple checkboxes:</label>
112 <label for='example_checkboxes'>Example multiple checkboxes:</label>
114 </div>
113 </div>
115 ## TODO: johbo: This is off compared to the checkboxes
114 ## TODO: johbo: This is off compared to the checkboxes
116 <div class="radios">
115 <div class="radios">
117 <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
116 <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
118 <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
117 <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
119 <span class="help-block">
118 <span class="help-block">
120 Permission to allow repository creation. This includes ability
119 Permission to allow repository creation. This includes ability
121 to create repositories in root level. If this option is
120 to create repositories in root level. If this option is
122 disabled admin of repository group can still create
121 disabled admin of repository group can still create
123 repositories inside that repository group.
122 repositories inside that repository group.
124 </span>
123 </span>
125 </div>
124 </div>
126 </div>
125 </div>
127
126
128 <div class="buttons">
127 <div class="buttons">
129 <input type="submit" value="Save" id="example_save" class="btn">
128 <input type="submit" value="Save" id="example_save" class="btn">
130 <input type="reset" value="Reset" id="example_reset" class="btn">
129 <input type="reset" value="Reset" id="example_reset" class="btn">
131 </div>
130 </div>
132
131
133 </div>
132 </div>
134 </div>
133 </div>
135 </form>
134 </form>
136
135
137 </div>
136 </div>
138
137
139
138
140
139
141 </div>
140 </div>
142 </div>
141 </div>
143 </div>
142 </div>
144 </%def>
143 </%def>
@@ -1,273 +1,272 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
17 ${self.sidebar()}
19
18
20 <div class="main-content">
19 <div class="main-content">
21
20
22 <h2>Simple form elements</h2>
21 <h2>Simple form elements</h2>
23 <p>When working with forms, please upgrade to this new form layout. See the depreciated forms pages for the previous layout.</p>
22 <p>When working with forms, please upgrade to this new form layout. See the depreciated forms pages for the previous layout.</p>
24 <p>These forms are marked by the class <code>rcform</code>. See html for details on formatting.
23 <p>These forms are marked by the class <code>rcform</code>. See html for details on formatting.
25 </p>
24 </p>
26 <p>Some other notes: The customized checkboxes and radio buttons use the label for styling. This has been disabled for lower versions of IE using the <code>:not()</code> selector. Select2 dropdowns need to be redone, but this may be in a later iteration.
25 <p>Some other notes: The customized checkboxes and radio buttons use the label for styling. This has been disabled for lower versions of IE using the <code>:not()</code> selector. Select2 dropdowns need to be redone, but this may be in a later iteration.
27 </p>
26 </p>
28
27
29 <h2>Examples</h2>
28 <h2>Examples</h2>
30
29
31 <form method='post' action='none' class="rcform">
30 <form method='post' action='none' class="rcform">
32
31
33 <fieldset>
32 <fieldset>
34 <legend>Dropdown:</legend>
33 <legend>Dropdown:</legend>
35 <div class="fields">
34 <div class="fields">
36 <select id="example_select" >
35 <select id="example_select" >
37 <option value="#">${_('Templates...')}</option>
36 <option value="#">${_('Templates...')}</option>
38 <option value="ga">Google Analytics</option>
37 <option value="ga">Google Analytics</option>
39 <option value="clicky">Clicky</option>
38 <option value="clicky">Clicky</option>
40 <option value="server_announce">${_('Server Announcement')}</ option>
39 <option value="server_announce">${_('Server Announcement')}</ option>
41 </select>
40 </select>
42 <script>
41 <script>
43 $(document).ready(function() {
42 $(document).ready(function() {
44 $('#example_select').select2({
43 $('#example_select').select2({
45 containerCssClass: 'drop-menu',
44 containerCssClass: 'drop-menu',
46 dropdownCssClass: 'drop-menu-dropdown',
45 dropdownCssClass: 'drop-menu-dropdown',
47 dropdownAutoWidth: true,
46 dropdownAutoWidth: true,
48 minimumResultsForSearch: -1
47 minimumResultsForSearch: -1
49 });
48 });
50 });
49 });
51 </script>
50 </script>
52 </fields>
51 </fields>
53 </fieldset>
52 </fieldset>
54
53
55 <fieldset>
54 <fieldset>
56 <legend>Multiple Dropdowns in a list:</legend>
55 <legend>Multiple Dropdowns in a list:</legend>
57 <ul class="fields formlist">
56 <ul class="fields formlist">
58 <li>
57 <li>
59 <select id="example_select3" >
58 <select id="example_select3" >
60 <option value="#">${_('Templates...')}</option>
59 <option value="#">${_('Templates...')}</option>
61 <option value="ga">Google Analytics</option>
60 <option value="ga">Google Analytics</option>
62 <option value="clicky">Clicky</option>
61 <option value="clicky">Clicky</option>
63 <option value="server_announce">${_('Server Announcement')} </ option>
62 <option value="server_announce">${_('Server Announcement')} </ option>
64 </select>
63 </select>
65 <script>
64 <script>
66 $(document).ready(function() {
65 $(document).ready(function() {
67 $('#example_select3').select2({
66 $('#example_select3').select2({
68 containerCssClass: 'drop-menu',
67 containerCssClass: 'drop-menu',
69 dropdownCssClass: 'drop-menu-dropdown',
68 dropdownCssClass: 'drop-menu-dropdown',
70 dropdownAutoWidth: true,
69 dropdownAutoWidth: true,
71 minimumResultsForSearch: -1
70 minimumResultsForSearch: -1
72 });
71 });
73 });
72 });
74 </script>
73 </script>
75 </li>
74 </li>
76 <li>
75 <li>
77 <select id="example_select4" >
76 <select id="example_select4" >
78 <option value="#">${_('Templates...')}</option>
77 <option value="#">${_('Templates...')}</option>
79 <option value="ga">Google Analytics</option>
78 <option value="ga">Google Analytics</option>
80 <option value="clicky">Clicky</option>
79 <option value="clicky">Clicky</option>
81 <option value="server_announce">${_('Server Announcement')} </ option>
80 <option value="server_announce">${_('Server Announcement')} </ option>
82 </select>
81 </select>
83 <script>
82 <script>
84 $(document).ready(function() {
83 $(document).ready(function() {
85 $('#example_select4').select2({
84 $('#example_select4').select2({
86 containerCssClass: 'drop-menu',
85 containerCssClass: 'drop-menu',
87 dropdownCssClass: 'drop-menu-dropdown',
86 dropdownCssClass: 'drop-menu-dropdown',
88 dropdownAutoWidth: true,
87 dropdownAutoWidth: true,
89 minimumResultsForSearch: -1
88 minimumResultsForSearch: -1
90 });
89 });
91 });
90 });
92 </script>
91 </script>
93 </li>
92 </li>
94 <li>
93 <li>
95 <select id="example_select5" >
94 <select id="example_select5" >
96 <option value="#">${_('Templates...')}</option>
95 <option value="#">${_('Templates...')}</option>
97 <option value="ga">Google Analytics</option>
96 <option value="ga">Google Analytics</option>
98 <option value="clicky">Clicky</option>
97 <option value="clicky">Clicky</option>
99 <option value="server_announce">${_('Server Announcement')} </ option>
98 <option value="server_announce">${_('Server Announcement')} </ option>
100 </select>
99 </select>
101 <script>
100 <script>
102 $(document).ready(function() {
101 $(document).ready(function() {
103 $('#example_select5').select2({
102 $('#example_select5').select2({
104 containerCssClass: 'drop-menu',
103 containerCssClass: 'drop-menu',
105 dropdownCssClass: 'drop-menu-dropdown',
104 dropdownCssClass: 'drop-menu-dropdown',
106 dropdownAutoWidth: true,
105 dropdownAutoWidth: true,
107 minimumResultsForSearch: -1
106 minimumResultsForSearch: -1
108 });
107 });
109 });
108 });
110 </script>
109 </script>
111 </li>
110 </li>
112 </ul>
111 </ul>
113 </fieldset>
112 </fieldset>
114
113
115 <fieldset>
114 <fieldset>
116 <legend>Dropdown with checkbox:</legend>
115 <legend>Dropdown with checkbox:</legend>
117 <div class="fields">
116 <div class="fields">
118 <select id="example_select2" >
117 <select id="example_select2" >
119 <option value="#">${_('Some text...')}</option>
118 <option value="#">${_('Some text...')}</option>
120 <option value="ga">A really long thing</option>
119 <option value="ga">A really long thing</option>
121 <option value="clicky">Repo Name</option>
120 <option value="clicky">Repo Name</option>
122 <option value="server_announce">${_('Variable Item')}</option>
121 <option value="server_announce">${_('Variable Item')}</option>
123 </select>
122 </select>
124 <input type="checkbox" name="size" id="size_1" value="small"/>
123 <input type="checkbox" name="size" id="size_1" value="small"/>
125 <label for="size_1">Checkbox for something</label>\
124 <label for="size_1">Checkbox for something</label>\
126 <span class="label">Checkbox for something</span>
125 <span class="label">Checkbox for something</span>
127 <span class="help-block">
126 <span class="help-block">
128 Note: There is a very specific selector which centers the checkbox on the dropdown;
127 Note: There is a very specific selector which centers the checkbox on the dropdown;
129 it requires that the script NOT be between the two.
128 it requires that the script NOT be between the two.
130 </span>
129 </span>
131 </div>
130 </div>
132 <script>
131 <script>
133 $(document).ready(function() {
132 $(document).ready(function() {
134 $('#example_select2').select2({
133 $('#example_select2').select2({
135 containerCssClass: 'drop-menu',
134 containerCssClass: 'drop-menu',
136 dropdownCssClass: 'drop-menu-dropdown',
135 dropdownCssClass: 'drop-menu-dropdown',
137 dropdownAutoWidth: true,
136 dropdownAutoWidth: true,
138 minimumResultsForSearch: -1
137 minimumResultsForSearch: -1
139 });
138 });
140 });
139 });
141 </script>
140 </script>
142 </fieldset>
141 </fieldset>
143
142
144 <fieldset>
143 <fieldset>
145 <legend>Radio Buttons:</legend>
144 <legend>Radio Buttons:</legend>
146 <div class="fields">
145 <div class="fields">
147 <input type="radio" name="size" id="size_2" value="small"/>
146 <input type="radio" name="size" id="size_2" value="small"/>
148 <label for="size_2">Radio one</label>
147 <label for="size_2">Radio one</label>
149 <span class="label">Radio Button One</span>
148 <span class="label">Radio Button One</span>
150 <input type="radio" name="size" id="size_3" value="small"/>
149 <input type="radio" name="size" id="size_3" value="small"/>
151 <label for="size_3">Radio two</label>
150 <label for="size_3">Radio two</label>
152 <span class="label">Radio Button Two</span>
151 <span class="label">Radio Button Two</span>
153 <input type="radio" checked name="size" id="size_4" value="small"/>
152 <input type="radio" checked name="size" id="size_4" value="small"/>
154 <label for="size_4">Radio three</label>
153 <label for="size_4">Radio three</label>
155 <span class="label">Radio Button Three</span>
154 <span class="label">Radio Button Three</span>
156 </div>
155 </div>
157 </fieldset>
156 </fieldset>
158
157
159 <fieldset>
158 <fieldset>
160 <legend>Checkboxes with help text:</legend>
159 <legend>Checkboxes with help text:</legend>
161 <div class="fields">
160 <div class="fields">
162 <input type="checkbox" name="size" id="size_5" value="small"/>
161 <input type="checkbox" name="size" id="size_5" value="small"/>
163 <label for="size_5">Checkbox one</label>
162 <label for="size_5">Checkbox one</label>
164 <span class="label">Checkbox One</span>
163 <span class="label">Checkbox One</span>
165 <input type="checkbox" checked name="size" id="size_6" value="small"/>
164 <input type="checkbox" checked name="size" id="size_6" value="small"/>
166 <label for="size_6">Checkbox two</label>
165 <label for="size_6">Checkbox two</label>
167 <span class="label">Checkbox Two</span>
166 <span class="label">Checkbox Two</span>
168 <input type="checkbox" checked name="size" id="size_7" value="small"/>
167 <input type="checkbox" checked name="size" id="size_7" value="small"/>
169 <label for="size_7">Checkbox three</label>
168 <label for="size_7">Checkbox three</label>
170 <span class="label">Checkbox Three</span>
169 <span class="label">Checkbox Three</span>
171 <span class="help-block">
170 <span class="help-block">
172 Help text can be put wherever needed. Inside of .fields, it is confined to the width of the input sections.
171 Help text can be put wherever needed. Inside of .fields, it is confined to the width of the input sections.
173 </span>
172 </span>
174 </div>
173 </div>
175 </fieldset>
174 </fieldset>
176
175
177 <fieldset>
176 <fieldset>
178 <legend>Checkboxes as a list:</legend>
177 <legend>Checkboxes as a list:</legend>
179 <div class="fields">
178 <div class="fields">
180 <ul class="formlist">
179 <ul class="formlist">
181 <li>
180 <li>
182 <input type="checkbox" name="size" id="size_8" value="small "/>
181 <input type="checkbox" name="size" id="size_8" value="small "/>
183 <label for="size_8">Checkbox one</label>
182 <label for="size_8">Checkbox one</label>
184 <span class="label">Checkbox One</span>
183 <span class="label">Checkbox One</span>
185 </li>
184 </li>
186 <li>
185 <li>
187 <input type="checkbox" checked name="size" id="size_9" value=" small"/>
186 <input type="checkbox" checked name="size" id="size_9" value=" small"/>
188 <label for="size_9">Checkbox two</label>
187 <label for="size_9">Checkbox two</label>
189 <span class="label">Checkbox Two</span>
188 <span class="label">Checkbox Two</span>
190 </li>
189 </li>
191 <li>
190 <li>
192 <input type="checkbox" checked name="size" id="size_10" value=" small"/>
191 <input type="checkbox" checked name="size" id="size_10" value=" small"/>
193 <label for="size_10">Checkbox three</label>
192 <label for="size_10">Checkbox three</label>
194 <span class="label">Checkbox Three</span>
193 <span class="label">Checkbox Three</span>
195 </li>
194 </li>
196 </ul>
195 </ul>
197 <span class="help-block">
196 <span class="help-block">
198 In some instances, you may wish for dropdowns, checkboxes, or radio buttons to be in a list rather than inline. This is achieved using .formlist.
197 In some instances, you may wish for dropdowns, checkboxes, or radio buttons to be in a list rather than inline. This is achieved using .formlist.
199 </span>
198 </span>
200 </div>
199 </div>
201 </fieldset>
200 </fieldset>
202
201
203 <fieldset>
202 <fieldset>
204 <legend>Text Input:</legend>
203 <legend>Text Input:</legend>
205 <div class="fields">
204 <div class="fields">
206 <input id="example_input" type="text" placeholder="Example input">
205 <input id="example_input" type="text" placeholder="Example input">
207 <input id="example_input" type="text" placeholder="Example input">
206 <input id="example_input" type="text" placeholder="Example input">
208 </div>
207 </div>
209 </fieldset>
208 </fieldset>
210
209
211 <fieldset>
210 <fieldset>
212 <legend>Textarea:</legend>
211 <legend>Textarea:</legend>
213 <div class="fields">
212 <div class="fields">
214 <textarea placeholder="This is a textarea."></textarea>
213 <textarea placeholder="This is a textarea."></textarea>
215 </div>
214 </div>
216 </fieldset>
215 </fieldset>
217
216
218 <fieldset>
217 <fieldset>
219 <legend>Some Inputs with a button:</legend>
218 <legend>Some Inputs with a button:</legend>
220 <div class="fields">
219 <div class="fields">
221 <input class="disabled" id="paths_root_path" name="paths_root_path" readonly="readonly" size="59" type="text" value="Disabled input">
220 <input class="disabled" id="paths_root_path" name="paths_root_path" readonly="readonly" size="59" type="text" value="Disabled input">
222 <span id="path_unlock" class="tooltip" title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
221 <span id="path_unlock" class="tooltip" title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
223 <div class="btn btn-default">
222 <div class="btn btn-default">
224 <span><i id="path_unlock_icon" class="icon-lock"></i></span>
223 <span><i id="path_unlock_icon" class="icon-lock"></i></span>
225 </div>
224 </div>
226 </span>
225 </span>
227 <input id="paths_root_path" name="paths_root_path" size="59" type="text" placeholder="Input">
226 <input id="paths_root_path" name="paths_root_path" size="59" type="text" placeholder="Input">
228 <span class="btn btn-x" onclick="ajaxDeletePattern(11,'id11')">
227 <span class="btn btn-x" onclick="ajaxDeletePattern(11,'id11')">
229 Delete
228 Delete
230 </span>
229 </span>
231 </div>
230 </div>
232 </fieldset>
231 </fieldset>
233
232
234 <fieldset class="select side-by-side-selector">
233 <fieldset class="select side-by-side-selector">
235 <div class="left-group">
234 <div class="left-group">
236 <label class="text" >${_('Chosen group members')}</label>
235 <label class="text" >${_('Chosen group members')}</label>
237 <select id="users_group_members2" multiple size='8'>
236 <select id="users_group_members2" multiple size='8'>
238 </select>
237 </select>
239 <div class="btn" id="remove_all_elements2" >
238 <div class="btn" id="remove_all_elements2" >
240 ${_('Remove all elements')}
239 ${_('Remove all elements')}
241 <i class="icon-chevron-right"></i>
240 <i class="icon-chevron-right"></i>
242 </div>
241 </div>
243 </div>
242 </div>
244 <div class="middle-group">
243 <div class="middle-group">
245 <i id="add_element2" class="icon-chevron-left"></i>
244 <i id="add_element2" class="icon-chevron-left"></i>
246 <br />
245 <br />
247 <i id="remove_element2" class="icon-chevron-right"></i>
246 <i id="remove_element2" class="icon-chevron-right"></i>
248 </div>
247 </div>
249 <div class="right-group">
248 <div class="right-group">
250 <label class="text" >${_('Available members')}</label>
249 <label class="text" >${_('Available members')}</label>
251 <select id="available_members2" multiple size='8'>
250 <select id="available_members2" multiple size='8'>
252 <option value="#">${_('Some example text...')}</option>
251 <option value="#">${_('Some example text...')}</option>
253 <option value="ga">A really long thing</option>
252 <option value="ga">A really long thing</option>
254 <option value="clicky">Repo Name</option>
253 <option value="clicky">Repo Name</option>
255 <option value="server_announce">${_('Variable Item')}</option>
254 <option value="server_announce">${_('Variable Item')}</option>
256 </select>
255 </select>
257 <div class="btn" id="add_all_elements2" >
256 <div class="btn" id="add_all_elements2" >
258 <i class="icon-chevron-left"></i>${_('Add all elements')}
257 <i class="icon-chevron-left"></i>${_('Add all elements')}
259 </div>
258 </div>
260 </div>
259 </div>
261 </fieldset>
260 </fieldset>
262
261
263 <div class="buttons">
262 <div class="buttons">
264 <input type="submit" value="Save" id="example_save" class="btn">
263 <input type="submit" value="Save" id="example_save" class="btn">
265 <input type="reset" value="Reset" id="example_reset" class="btn">
264 <input type="reset" value="Reset" id="example_reset" class="btn">
266 </div>
265 </div>
267
266
268 </form>
267 </form>
269
268
270 </div> <!-- .main-content -->
269 </div> <!-- .main-content -->
271 </div> <!-- .sidebar-col-wrappe -->
270 </div> <!-- .sidebar-col-wrappe -->
272 </div> <!-- .box -->
271 </div> <!-- .box -->
273 </%def>
272 </%def>
@@ -1,90 +1,89 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
17 ${self.sidebar()}
19
18
20 <div class="main-content">
19 <div class="main-content">
21
20
22 <h2>Gravatars</h2>
21 <h2>Gravatars</h2>
23
22
24 <p>Usernames are always centered on an avatar to the left.
23 <p>Usernames are always centered on an avatar to the left.
25 Avatars are 16px square.
24 Avatars are 16px square.
26 For user settings/login, some exceptions may use a larger avatar.
25 For user settings/login, some exceptions may use a larger avatar.
27 Use base.gravatar for a gravatar only, and base.gravatar_with_user
26 Use base.gravatar for a gravatar only, and base.gravatar_with_user
28 for a gravatar with a username.
27 for a gravatar with a username.
29 Use the format below:
28 Use the format below:
30 </p>
29 </p>
31 <div class="bs-example template-example">
30 <div class="bs-example template-example">
32 <div class="gravatar_with_user">
31 <div class="gravatar_with_user">
33 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=16">
32 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=16">
34 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span>
33 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span>
35 </div>
34 </div>
36 </div>
35 </div>
37 <div class="bs-example template-example">
36 <div class="bs-example template-example">
38 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 16)}</xmp>
37 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 16)}</xmp>
39 </div>
38 </div>
40 <div class="bs-example template-example">
39 <div class="bs-example template-example">
41 <div class="gravatar_with_user">
40 <div class="gravatar_with_user">
42 <img class="gravatar gravatar-large" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=30">
41 <img class="gravatar gravatar-large" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=30">
43 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span>
42 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span>
44 </div>
43 </div>
45 </div>
44 </div>
46 <div class="bs-example template-example">
45 <div class="bs-example template-example">
47 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 30)}</xmp>
46 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 30)}</xmp>
48 </div>
47 </div>
49 <p class="help-block">Note: Actual template variables may be different.</p>
48 <p class="help-block">Note: Actual template variables may be different.</p>
50
49
51 <h2>Icon List</h2>
50 <h2>Icon List</h2>
52
51
53
52
54 <table id="icons-list">
53 <table id="icons-list">
55 <%
54 <%
56 import os
55 import os
57 import string
56 import string
58 with open(os.path.abspath('./rhodecode/public/css/rcicons.less')) as f:
57 with open(os.path.abspath('./rhodecode/public/css/rcicons.less')) as f:
59 source = f.read()
58 source = f.read()
60 start = source.find('// -- ICON CLASSES -- //')
59 start = source.find('// -- ICON CLASSES -- //')
61 end = source.find('// -- END ICON CLASSES -- //')
60 end = source.find('// -- END ICON CLASSES -- //')
62 source = source[start:end]
61 source = source[start:end]
63
62
64 ico_data = []
63 ico_data = []
65 for line in source.splitlines():
64 for line in source.splitlines():
66 line = line.split(':before')
65 line = line.split(':before')
67 line = map(string.strip, line)
66 line = map(string.strip, line)
68 if len(line) in [2, 3]:
67 if len(line) in [2, 3]:
69 if len(line) == 2:
68 if len(line) == 2:
70 ico_cls, ico_code = line
69 ico_cls, ico_code = line
71 else:
70 else:
72 ico_cls, ico_code, rest = line
71 ico_cls, ico_code, rest = line
73
72
74 ico_code = ico_code[:ico_code.find('/*')]
73 ico_code = ico_code[:ico_code.find('/*')]
75 ico_data.append([ico_cls, ico_code])
74 ico_data.append([ico_cls, ico_code])
76
75
77 %>
76 %>
78 % for ico_cls, ico_code in ico_data:
77 % for ico_cls, ico_code in ico_data:
79 <tr class="row">
78 <tr class="row">
80 <td title="Code: ${ico_code}" class="the-icons span3"><i class="${ico_cls[1:]}"></i><td/>
79 <td title="Code: ${ico_code}" class="the-icons span3"><i class="${ico_cls[1:]}"></i><td/>
81 <td><span class="i-name">${ico_cls}</span></td>
80 <td><span class="i-name">${ico_cls}</span></td>
82 <td><span class="i-code">${ico_code}</span></td>
81 <td><span class="i-code">${ico_code}</span></td>
83 </tr>
82 </tr>
84 % endfor
83 % endfor
85
84
86 </table>
85 </table>
87 </div>
86 </div>
88 </div>
87 </div>
89 </div>
88 </div>
90 </%def> No newline at end of file
89 </%def>
@@ -1,80 +1,79 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/base/base.mako"/>
1 <%inherit file="/base/base.mako"/>
3
2
4 <%def name="title()">
3 <%def name="title()">
5 ${_('Debug Style')}
4 ${_('Debug Style')}
6 %if c.rhodecode_name:
5 %if c.rhodecode_name:
7 &middot; ${h.branding(c.rhodecode_name)}
6 &middot; ${h.branding(c.rhodecode_name)}
8 %endif
7 %endif
9 </%def>
8 </%def>
10
9
11 <%def name="breadcrumbs_links()">
10 <%def name="breadcrumbs_links()">
12 ${_('Style')}
11 ${_('Style')}
13 </%def>
12 </%def>
14
13
15 <%def name="menu_bar_nav()">
14 <%def name="menu_bar_nav()">
16 ${self.menu_items(active='debug_style')}
15 ${self.menu_items(active='debug_style')}
17 </%def>
16 </%def>
18
17
19
18
20 <%def name="main()">
19 <%def name="main()">
21 <div id="style-page">
20 <div id="style-page">
22 ${self.real_main()}
21 ${self.real_main()}
23 </div>
22 </div>
24 </%def>
23 </%def>
25
24
26 <%def name="real_main()">
25 <%def name="real_main()">
27 <div class="box">
26 <div class="box">
28 <div class="title">
27 <div class="title">
29 ${self.breadcrumbs()}
28 ${self.breadcrumbs()}
30 </div>
29 </div>
31
30
32 <div class='sidebar-col-wrapper'>
31 <div class='sidebar-col-wrapper'>
33 ##main
32 ##main
34 ${self.sidebar()}
33 ${self.sidebar()}
35
34
36 <div class="main-content">
35 <div class="main-content">
37 <h2>Examples of styled elements</h2>
36 <h2>Examples of styled elements</h2>
38 <p>Taken based on the examples from Bootstrap, form elements based
37 <p>Taken based on the examples from Bootstrap, form elements based
39 on our current markup.</p>
38 on our current markup.</p>
40 <p>
39 <p>
41 The objective of this section is to have a comprehensive style guide which out
40 The objective of this section is to have a comprehensive style guide which out
42 lines any and all elements used throughout the application, as a reference for
41 lines any and all elements used throughout the application, as a reference for
43 both existing developers and as a training tool for future hires.
42 both existing developers and as a training tool for future hires.
44 </p>
43 </p>
45 </div>
44 </div>
46 </div>
45 </div>
47 </div>
46 </div>
48 </%def>
47 </%def>
49
48
50
49
51 <%def name="sidebar()">
50 <%def name="sidebar()">
52 <div class="sidebar">
51 <div class="sidebar">
53 <ul class="nav nav-pills nav-stacked">
52 <ul class="nav nav-pills nav-stacked">
54 <li class="${'active' if c.active=='index' else ''}"><a href="${h.route_path('debug_style_home')}">${_('Index')}</a></li>
53 <li class="${'active' if c.active=='index' else ''}"><a href="${h.route_path('debug_style_home')}">${_('Index')}</a></li>
55 <li class="${'active' if c.active=='emails' else ''}"><a href="${h.route_path('debug_style_template', t_path='emails.html')}">${_('Emails')}</a></li>
54 <li class="${'active' if c.active=='emails' else ''}"><a href="${h.route_path('debug_style_template', t_path='emails.html')}">${_('Emails')}</a></li>
56 <li class="${'active' if c.active=='typography' else ''}"><a href="${h.route_path('debug_style_template', t_path='typography.html')}">${_('Typography')}</a></li>
55 <li class="${'active' if c.active=='typography' else ''}"><a href="${h.route_path('debug_style_template', t_path='typography.html')}">${_('Typography')}</a></li>
57 <li class="${'active' if c.active=='forms' else ''}"><a href="${h.route_path('debug_style_template', t_path='forms.html')}">${_('Forms')}</a></li>
56 <li class="${'active' if c.active=='forms' else ''}"><a href="${h.route_path('debug_style_template', t_path='forms.html')}">${_('Forms')}</a></li>
58 <li class="${'active' if c.active=='buttons' else ''}"><a href="${h.route_path('debug_style_template', t_path='buttons.html')}">${_('Buttons')}</a></li>
57 <li class="${'active' if c.active=='buttons' else ''}"><a href="${h.route_path('debug_style_template', t_path='buttons.html')}">${_('Buttons')}</a></li>
59 <li class="${'active' if c.active=='labels' else ''}"><a href="${h.route_path('debug_style_template', t_path='labels.html')}">${_('Labels')}</a></li>
58 <li class="${'active' if c.active=='labels' else ''}"><a href="${h.route_path('debug_style_template', t_path='labels.html')}">${_('Labels')}</a></li>
60 <li class="${'active' if c.active=='alerts' else ''}"><a href="${h.route_path('debug_style_template', t_path='alerts.html')}">${_('Alerts')}</a></li>
59 <li class="${'active' if c.active=='alerts' else ''}"><a href="${h.route_path('debug_style_template', t_path='alerts.html')}">${_('Alerts')}</a></li>
61 <li class="${'active' if c.active=='tables' else ''}"><a href="${h.route_path('debug_style_template', t_path='tables.html')}">${_('Tables')}</a></li>
60 <li class="${'active' if c.active=='tables' else ''}"><a href="${h.route_path('debug_style_template', t_path='tables.html')}">${_('Tables')}</a></li>
62 <li class="${'active' if c.active=='tables-wide' else ''}"><a href="${h.route_path('debug_style_template', t_path='tables-wide.html')}">${_('Tables wide')}</a></li>
61 <li class="${'active' if c.active=='tables-wide' else ''}"><a href="${h.route_path('debug_style_template', t_path='tables-wide.html')}">${_('Tables wide')}</a></li>
63 <li class="${'active' if c.active=='collapsable-content' else ''}"><a href="${h.route_path('debug_style_template', t_path='collapsable-content.html')}">${_('Collapsable Content')}</a></li>
62 <li class="${'active' if c.active=='collapsable-content' else ''}"><a href="${h.route_path('debug_style_template', t_path='collapsable-content.html')}">${_('Collapsable Content')}</a></li>
64 <li class="${'active' if c.active=='icons' else ''}"><a href="${h.route_path('debug_style_template', t_path='icons.html')}">${_('Icons')}</a></li>
63 <li class="${'active' if c.active=='icons' else ''}"><a href="${h.route_path('debug_style_template', t_path='icons.html')}">${_('Icons')}</a></li>
65 <li class="${'active' if c.active=='layout-form-sidebar' else ''}"><a href="${h.route_path('debug_style_template', t_path='layout-form-sidebar.html')}">${_('Layout form with sidebar')}</a></li>
64 <li class="${'active' if c.active=='layout-form-sidebar' else ''}"><a href="${h.route_path('debug_style_template', t_path='layout-form-sidebar.html')}">${_('Layout form with sidebar')}</a></li>
66 <li class="${'active' if c.active=='login' else ''}"><a href="${h.route_path('debug_style_template', t_path='login.html')}">${_('Login')}</a></li>
65 <li class="${'active' if c.active=='login' else ''}"><a href="${h.route_path('debug_style_template', t_path='login.html')}">${_('Login')}</a></li>
67 <li class="${'active' if c.active=='login2' else ''}"><a href="${h.route_path('debug_style_template', t_path='login2.html')}">${_('Login 2')}</a></li>
66 <li class="${'active' if c.active=='login2' else ''}"><a href="${h.route_path('debug_style_template', t_path='login2.html')}">${_('Login 2')}</a></li>
68 <li class="${'active' if c.active=='code-block' else ''}"><a href="${h.route_path('debug_style_template', t_path='code-block.html')}">${_('Code blocks')}</a></li>
67 <li class="${'active' if c.active=='code-block' else ''}"><a href="${h.route_path('debug_style_template', t_path='code-block.html')}">${_('Code blocks')}</a></li>
69
68
70 <li class="divider"><strong>Experimental</strong></li>
69 <li class="divider"><strong>Experimental</strong></li>
71 <li class="${'active' if c.active=='panels' else ''}"><a href="${h.route_path('debug_style_template', t_path='panels.html')}">${_('Panels')}</a></li>
70 <li class="${'active' if c.active=='panels' else ''}"><a href="${h.route_path('debug_style_template', t_path='panels.html')}">${_('Panels')}</a></li>
72
71
73 <li class="divider"><strong>Depreciated</strong></li>
72 <li class="divider"><strong>Depreciated</strong></li>
74 <li class="${'active' if c.active=='form-elements' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-elements.html')}">${_('Form elements')}</a></li>
73 <li class="${'active' if c.active=='form-elements' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-elements.html')}">${_('Form elements')}</a></li>
75 <li class="${'active' if c.active=='form-elements-small' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-elements-small.html')}">${_('Form elements small')}</a></li>
74 <li class="${'active' if c.active=='form-elements-small' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-elements-small.html')}">${_('Form elements small')}</a></li>
76 <li class="${'active' if c.active=='form-inline' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-inline.html')}">${_('Form inline elements')}</a></li>
75 <li class="${'active' if c.active=='form-inline' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-inline.html')}">${_('Form inline elements')}</a></li>
77 <li class="${'active' if c.active=='form-vertical' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-vertical.html')}">${_('Form vertical')}</a></li>
76 <li class="${'active' if c.active=='form-vertical' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-vertical.html')}">${_('Form vertical')}</a></li>
78 </ul>
77 </ul>
79 </div>
78 </div>
80 </%def> No newline at end of file
79 </%def>
@@ -1,64 +1,63 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18
17
19 ${self.sidebar()}
18 ${self.sidebar()}
20
19
21 <div class="main-content">
20 <div class="main-content">
22 <h2>Labels</h2>
21 <h2>Labels</h2>
23
22
24 <h3>Labels used for tags, branches and bookmarks</h3>
23 <h3>Labels used for tags, branches and bookmarks</h3>
25
24
26 <div class="bs-example">
25 <div class="bs-example">
27 <ul class="metatag-list">
26 <ul class="metatag-list">
28 <li>
27 <li>
29 <span class="tagtag tag" title="Tag tip">
28 <span class="tagtag tag" title="Tag tip">
30 <a href="/fake-link"><i class="icon-tag"></i>tip</a>
29 <a href="/fake-link"><i class="icon-tag"></i>tip</a>
31 </span>
30 </span>
32 </li>
31 </li>
33 <li>
32 <li>
34 <span class="branchtag tag" title="Branch default">
33 <span class="branchtag tag" title="Branch default">
35 <a href="/fake-link"><i class="icon-code-fork"></i>default</a>
34 <a href="/fake-link"><i class="icon-code-fork"></i>default</a>
36 </span>
35 </span>
37 </li>
36 </li>
38 <li>
37 <li>
39 <span class="bookmarktag tag" title="Bookmark example">
38 <span class="bookmarktag tag" title="Bookmark example">
40 <a href="/fake-link"><i class="icon-bookmark"></i>example</a>
39 <a href="/fake-link"><i class="icon-bookmark"></i>example</a>
41 </span>
40 </span>
42 </li>
41 </li>
43 </ul>
42 </ul>
44
43
45 </div>
44 </div>
46
45
47 <h3>Labels used in tables</h3>
46 <h3>Labels used in tables</h3>
48 <div class="bs-example">
47 <div class="bs-example">
49 <ul class="metatag-list">
48 <ul class="metatag-list">
50 <li>[default] <span class="metatag" tag="default">default</span></li>
49 <li>[default] <span class="metatag" tag="default">default</span></li>
51 <li>[featured] <span class="metatag" tag="featured">featured</span></li>
50 <li>[featured] <span class="metatag" tag="featured">featured</span></li>
52 <li>[stale] <span class="metatag" tag="stale">stale</span></li>
51 <li>[stale] <span class="metatag" tag="stale">stale</span></li>
53 <li>[dead] <span class="metatag" tag="dead">dead</span></li>
52 <li>[dead] <span class="metatag" tag="dead">dead</span></li>
54 <li>[lang =&gt; lang] <span class="metatag" tag="lang">lang</span></li>
53 <li>[lang =&gt; lang] <span class="metatag" tag="lang">lang</span></li>
55 <li>[license =&gt; License] <span class="metatag" tag="license"><a href="http://www.opensource.org/licenses/License">License</a></span></li>
54 <li>[license =&gt; License] <span class="metatag" tag="license"><a href="http://www.opensource.org/licenses/License">License</a></span></li>
56 <li>[requires =&gt; Repo] <span class="metatag" tag="requires">requires =&gt; <a href="#">Repo</a></span></li>
55 <li>[requires =&gt; Repo] <span class="metatag" tag="requires">requires =&gt; <a href="#">Repo</a></span></li>
57 <li>[recommends =&gt; Repo] <span class="metatag" tag="recommends">recommends =&gt; <a href="#">Repo</a></span></li>
56 <li>[recommends =&gt; Repo] <span class="metatag" tag="recommends">recommends =&gt; <a href="#">Repo</a></span></li>
58 <li>[see =&gt; URI] <span class="metatag" tag="see">see =&gt; <a href="#">URI</a></span></li>
57 <li>[see =&gt; URI] <span class="metatag" tag="see">see =&gt; <a href="#">URI</a></span></li>
59 </ul>
58 </ul>
60 </div>
59 </div>
61 </div> <!-- .main-content -->
60 </div> <!-- .main-content -->
62 </div>
61 </div>
63 </div> <!-- .box -->
62 </div> <!-- .box -->
64 </%def>
63 </%def>
@@ -1,106 +1,105 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
17 ${self.sidebar()}
19
18
20 <div class="main-content">
19 <div class="main-content">
21
20
22 <h2>Headline comes as a h2 element</h2>
21 <h2>Headline comes as a h2 element</h2>
23
22
24
23
25 <form method='post' action='none'>
24 <form method='post' action='none'>
26 <div class='form'>
25 <div class='form'>
27 <div class='fields'>
26 <div class='fields'>
28
27
29 <div class='field'>
28 <div class='field'>
30 <div class='label'>
29 <div class='label'>
31 <label for='example_input'>Example input label:</label>
30 <label for='example_input'>Example input label:</label>
32 </div>
31 </div>
33 <div class='input'>
32 <div class='input'>
34 <input id="example_input" type="text" placeholder="Example input">
33 <input id="example_input" type="text" placeholder="Example input">
35 </div>
34 </div>
36 </div>
35 </div>
37
36
38 <div class='field'>
37 <div class='field'>
39 <div class='label'>
38 <div class='label'>
40 <label for='example_select'>Example select input:</label>
39 <label for='example_select'>Example select input:</label>
41 </div>
40 </div>
42 <div class="select">
41 <div class="select">
43 <select id="example_select" >
42 <select id="example_select" >
44 <option value="#">${_('Templates...')}</option>
43 <option value="#">${_('Templates...')}</option>
45 <option value="ga">Google Analytics</option>
44 <option value="ga">Google Analytics</option>
46 <option value="clicky">Clicky</option>
45 <option value="clicky">Clicky</option>
47 <option value="server_announce">${_('Server Announcement')}</option>
46 <option value="server_announce">${_('Server Announcement')}</option>
48 </select>
47 </select>
49 </div>
48 </div>
50 </div>
49 </div>
51 <script>
50 <script>
52 $(document).ready(function() {
51 $(document).ready(function() {
53 $('#example_select').select2({
52 $('#example_select').select2({
54 containerCssClass: 'drop-menu',
53 containerCssClass: 'drop-menu',
55 dropdownCssClass: 'drop-menu-dropdown',
54 dropdownCssClass: 'drop-menu-dropdown',
56 dropdownAutoWidth: true,
55 dropdownAutoWidth: true,
57 minimumResultsForSearch: -1
56 minimumResultsForSearch: -1
58 });
57 });
59 });
58 });
60 </script>
59 </script>
61
60
62 <div class='field'>
61 <div class='field'>
63 <div class='label'>
62 <div class='label'>
64 <label for='example_checkbox'>Example checkbox:</label>
63 <label for='example_checkbox'>Example checkbox:</label>
65 </div>
64 </div>
66 <div class="checkboxes">
65 <div class="checkboxes">
67 <div class="checkbox">
66 <div class="checkbox">
68 <input id="example_checkbox" type="checkbox">
67 <input id="example_checkbox" type="checkbox">
69 <label for="example_checkbox">Label of the checkbox</label>
68 <label for="example_checkbox">Label of the checkbox</label>
70 </div>
69 </div>
71 </div>
70 </div>
72 </div>
71 </div>
73
72
74 <div class='field'>
73 <div class='field'>
75 <div class='label'>
74 <div class='label'>
76 <label for='example_checkboxes'>Example multiple radios:</label>
75 <label for='example_checkboxes'>Example multiple radios:</label>
77 </div>
76 </div>
78 ## TODO: johbo: This is off compared to the checkboxes
77 ## TODO: johbo: This is off compared to the checkboxes
79 <div class="radios">
78 <div class="radios">
80 <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
79 <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
81 <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
80 <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
82 <span class="help-block">
81 <span class="help-block">
83 Permission to allow repository creation. This includes ability
82 Permission to allow repository creation. This includes ability
84 to create repositories in root level. If this option is disabled
83 to create repositories in root level. If this option is disabled
85 admin of repository group can still create repositories
84 admin of repository group can still create repositories
86 inside that repository group.
85 inside that repository group.
87 </span>
86 </span>
88 </div>
87 </div>
89 </div>
88 </div>
90
89
91 <div class="buttons">
90 <div class="buttons">
92 <input type="submit" value="Save" id="example_save" class="btn">
91 <input type="submit" value="Save" id="example_save" class="btn">
93 <input type="reset" value="Reset" id="example_reset" class="btn">
92 <input type="reset" value="Reset" id="example_reset" class="btn">
94 </div>
93 </div>
95
94
96 </div>
95 </div>
97 </div>
96 </div>
98 </form>
97 </form>
99
98
100
99
101
100
102
101
103 </div>
102 </div>
104 </div>
103 </div>
105 </div>
104 </div>
106 </%def>
105 </%def>
@@ -1,74 +1,72 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4
5 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
6 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
7 &raquo;
5 &raquo;
8 ${c.active}
6 ${c.active}
9 </%def>
7 </%def>
10
8
11
9
12 <%def name="real_main()">
10 <%def name="real_main()">
13 <div class="box">
11 <div class="box">
14 <div class="title">
12 <div class="title">
15 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
16 </div>
14 </div>
17
15
18 ##main
16 ##main
19 <div class='sidebar-col-wrapper'>
17 <div class='sidebar-col-wrapper'>
20 ${self.sidebar()}
18 ${self.sidebar()}
21
19
22 <div class="main-content">
20 <div class="main-content">
23
21
24
22
25 <div class="bs-example pull-left">
23 <div class="bs-example pull-left">
26
24
27 <div id="quick_login">
25 <div id="quick_login">
28 <h4>${_('Sign in to your account')}</h4>
26 <h4>${_('Sign in to your account')}</h4>
29
27
30 ${h.form(h.route_path('login'), needs_csrf_token=False)}
28 ${h.form(h.route_path('login'), needs_csrf_token=False)}
31 <div class="form form-vertical">
29 <div class="form form-vertical">
32 <div class="fields">
30 <div class="fields">
33
31
34 <div class="field">
32 <div class="field">
35 <div class="label">
33 <div class="label">
36 <label for="username">${_('Username')}:</label>
34 <label for="username">${_('Username')}:</label>
37 </div>
35 </div>
38 <div class="input">
36 <div class="input">
39 ${h.text('username',class_='focus',tabindex=1)}
37 ${h.text('username',class_='focus',tabindex=1)}
40 </div>
38 </div>
41 </div>
39 </div>
42
40
43 <div class="field">
41 <div class="field">
44 <div class="label">
42 <div class="label">
45 <label for="password">${_('Password')}:</label>
43 <label for="password">${_('Password')}:</label>
46 <span class="forgot_password">${h.link_to(_('(Forgot password?)'),h.route_path('reset_password'))}</span>
44 <span class="forgot_password">${h.link_to(_('(Forgot password?)'),h.route_path('reset_password'))}</span>
47 </div>
45 </div>
48 <div class="input">
46 <div class="input">
49 ${h.password('password',class_='focus',tabindex=2)}
47 ${h.password('password',class_='focus',tabindex=2)}
50 </div>
48 </div>
51 </div>
49 </div>
52
50
53 <div class="buttons">
51 <div class="buttons">
54 <div class="register">
52 <div class="register">
55 %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():
53 %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():
56 ${h.link_to(_("Don't have an account ?"),h.route_path('register'))}
54 ${h.link_to(_("Don't have an account ?"),h.route_path('register'))}
57 %endif
55 %endif
58 </div>
56 </div>
59 <div class="submit">
57 <div class="submit">
60 ${h.submit('sign_in',_('Sign In'),class_="btn btn-small",tabindex=3)}
58 ${h.submit('sign_in',_('Sign In'),class_="btn btn-small",tabindex=3)}
61 </div>
59 </div>
62 </div>
60 </div>
63
61
64 </div>
62 </div>
65 </div>
63 </div>
66 ${h.end_form()}
64 ${h.end_form()}
67 </div>
65 </div>
68
66
69 </div>
67 </div>
70 </div>
68 </div>
71 </div>
69 </div>
72 </div>
70 </div>
73
71
74 </%def>
72 </%def>
@@ -1,9 +1,8 b''
1 ## -*- coding: utf-8 -*-
2
1
3 <%
2 <%
4 # Tweaks needed to simulate things
3 # Tweaks needed to simulate things
5 c.came_from = ""
4 c.came_from = ""
6 %>
5 %>
7
6
8 ## Include the original file here for easy operation
7 ## Include the original file here for easy operation
9 <%include file="/login.mako" />
8 <%include file="/login.mako" />
@@ -1,152 +1,151 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10 <%def name="real_main()">
9 <%def name="real_main()">
11 <div class="box">
10 <div class="box">
12 <div class="title">
11 <div class="title">
13 ${self.breadcrumbs()}
12 ${self.breadcrumbs()}
14 </div>
13 </div>
15
14
16 <div class='sidebar-col-wrapper'>
15 <div class='sidebar-col-wrapper'>
17 ${self.sidebar()}
16 ${self.sidebar()}
18
17
19 <div class="main-content">
18 <div class="main-content">
20
19
21 <h2>Panels</h2>
20 <h2>Panels</h2>
22
21
23 <p>
22 <p>
24 Panels are based on
23 Panels are based on
25 <a href="http://getbootstrap.com/components/#panels">
24 <a href="http://getbootstrap.com/components/#panels">
26 Bootstrap panels</a>, with custom styles added.</p>
25 Bootstrap panels</a>, with custom styles added.</p>
27 <p>
26 <p>
28 Examples how to use it:
27 Examples how to use it:
29 </p>
28 </p>
30
29
31 <div class="panel panel-default">
30 <div class="panel panel-default">
32 <div class="panel-heading">
31 <div class="panel-heading">
33 Panel title
32 Panel title
34 </div>
33 </div>
35 <div class="panel-body">
34 <div class="panel-body">
36 Panel with a plain <code>.panel-heading</code>
35 Panel with a plain <code>.panel-heading</code>
37 and <code>.panel-footer</code>.
36 and <code>.panel-footer</code>.
38 </div>
37 </div>
39 <div class="panel-footer">
38 <div class="panel-footer">
40 Panel footer
39 Panel footer
41 </div>
40 </div>
42 </div>
41 </div>
43
42
44 <div class="panel panel-default">
43 <div class="panel panel-default">
45 <div class="panel-heading">
44 <div class="panel-heading">
46 Panel title
45 Panel title
47 </div>
46 </div>
48 <div class="panel-body">
47 <div class="panel-body">
49 Footers are optional.
48 Footers are optional.
50 </div>
49 </div>
51 </div>
50 </div>
52
51
53 <div class="panel panel-default">
52 <div class="panel panel-default">
54 <div class="panel-heading">
53 <div class="panel-heading">
55 <div class="panel-title">
54 <div class="panel-title">
56 Panel title
55 Panel title
57 </div>
56 </div>
58 </div>
57 </div>
59 <div class="panel-body">
58 <div class="panel-body">
60 A <code>div.panel-title</code>
59 A <code>div.panel-title</code>
61 </div>
60 </div>
62 <div class="panel-footer">
61 <div class="panel-footer">
63 Panel footer
62 Panel footer
64 </div>
63 </div>
65 </div>
64 </div>
66
65
67 <div class="panel panel-default">
66 <div class="panel panel-default">
68 <div class="panel-heading">
67 <div class="panel-heading">
69 <h3 class="panel-title">
68 <h3 class="panel-title">
70 Panel title
69 Panel title
71 </h3>
70 </h3>
72 </div>
71 </div>
73 <div class="panel-body">
72 <div class="panel-body">
74 A <code>h3.panel-title</code>
73 A <code>h3.panel-title</code>
75 </div>
74 </div>
76 <div class="panel-footer">
75 <div class="panel-footer">
77 Panel footer
76 Panel footer
78 </div>
77 </div>
79 </div>
78 </div>
80
79
81 <div class="panel panel-default">
80 <div class="panel panel-default">
82 <div class="panel-heading">
81 <div class="panel-heading">
83 Panel title
82 Panel title
84 Panel title
83 Panel title
85 Panel title
84 Panel title
86 Panel title
85 Panel title
87 Panel title
86 Panel title
88 Panel title
87 Panel title
89 Panel title
88 Panel title
90 Panel title
89 Panel title
91 Panel title
90 Panel title
92 Panel title
91 Panel title
93 Panel title
92 Panel title
94 Panel title
93 Panel title
95 Panel title
94 Panel title
96 Panel title
95 Panel title
97 Panel title
96 Panel title
98 Panel title
97 Panel title
99 Panel title
98 Panel title
100 Panel title
99 Panel title
101 </div>
100 </div>
102 <div class="panel-body">
101 <div class="panel-body">
103 Content, title and footer can be of arbritary length.
102 Content, title and footer can be of arbritary length.
104 Content, title and footer can be of arbritary length.
103 Content, title and footer can be of arbritary length.
105 Content, title and footer can be of arbritary length.
104 Content, title and footer can be of arbritary length.
106 Content, title and footer can be of arbritary length.
105 Content, title and footer can be of arbritary length.
107 Content, title and footer can be of arbritary length.
106 Content, title and footer can be of arbritary length.
108 Content, title and footer can be of arbritary length.
107 Content, title and footer can be of arbritary length.
109 Content, title and footer can be of arbritary length.
108 Content, title and footer can be of arbritary length.
110 Content, title and footer can be of arbritary length.
109 Content, title and footer can be of arbritary length.
111 Content, title and footer can be of arbritary length.
110 Content, title and footer can be of arbritary length.
112 </div>
111 </div>
113 <div class="panel-footer">
112 <div class="panel-footer">
114 Panel footer
113 Panel footer
115 Panel footer
114 Panel footer
116 Panel footer
115 Panel footer
117 Panel footer
116 Panel footer
118 Panel footer
117 Panel footer
119 Panel footer
118 Panel footer
120 Panel footer
119 Panel footer
121 Panel footer
120 Panel footer
122 Panel footer
121 Panel footer
123 Panel footer
122 Panel footer
124 Panel footer
123 Panel footer
125 Panel footer
124 Panel footer
126 Panel footer
125 Panel footer
127 Panel footer
126 Panel footer
128 Panel footer
127 Panel footer
129 Panel footer
128 Panel footer
130 </div>
129 </div>
131 </div>
130 </div>
132 <p>
131 <p>
133 Use the HTML format below:
132 Use the HTML format below:
134 </p>
133 </p>
135 <div class="bs-example template-example">
134 <div class="bs-example template-example">
136 <xmp><div class="panel panel-default">
135 <xmp><div class="panel panel-default">
137 <div class="panel-heading">
136 <div class="panel-heading">
138 <h3 class="panel-title">Panel title</h3>
137 <h3 class="panel-title">Panel title</h3>
139 </div>
138 </div>
140 <div class="panel-body">
139 <div class="panel-body">
141 Panel content
140 Panel content
142 </div>
141 </div>
143 <div class="panel-footer">
142 <div class="panel-footer">
144 Panel footer
143 Panel footer
145 </div>
144 </div>
146 </div></xmp>
145 </div></xmp>
147 </div>
146 </div>
148
147
149 </div>
148 </div>
150 </div>
149 </div>
151 </div>
150 </div>
152 </%def>
151 </%def>
@@ -1,127 +1,126 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 ##main
16 ##main
18 <div class='sidebar-col-wrapper'>
17 <div class='sidebar-col-wrapper'>
19 ${self.sidebar()}
18 ${self.sidebar()}
20
19
21 <div class="main-content">
20 <div class="main-content">
22
21
23 <h2>Too wide tables handling</h2>
22 <h2>Too wide tables handling</h2>
24
23
25
24
26
25
27 <table class="issuetracker">
26 <table class="issuetracker">
28 <tbody><tr>
27 <tbody><tr>
29 <th>Description</th>
28 <th>Description</th>
30 <th>Pattern</th>
29 <th>Pattern</th>
31 <th>Url</th>
30 <th>Url</th>
32 <th>Prefix</th>
31 <th>Prefix</th>
33 <th></th>
32 <th></th>
34 </tr>
33 </tr>
35 <tr>
34 <tr>
36 <td class="issue-tracker-example">Example</td>
35 <td class="issue-tracker-example">Example</td>
37 <td class="issue-tracker-example">(?:#)(?P&lt;issue_id&gt;\d+)</td>
36 <td class="issue-tracker-example">(?:#)(?P&lt;issue_id&gt;\d+)</td>
38 <td class="issue-tracker-example">https://myissueserver.com/repo/issue/issue_id</td>
37 <td class="issue-tracker-example">https://myissueserver.com/repo/issue/issue_id</td>
39 <td class="issue-tracker-example">#</td>
38 <td class="issue-tracker-example">#</td>
40 <td class="issue-tracker-example"><a target="_blank" href="https://rhodecode.com/docs">Read more</a></td>
39 <td class="issue-tracker-example"><a target="_blank" href="https://rhodecode.com/docs">Read more</a></td>
41 </tr>
40 </tr>
42 <tr id="4980baa2985b361e6e91b932f4a897d5">
41 <tr id="4980baa2985b361e6e91b932f4a897d5">
43 <td class="issuetracker_desc">kjlakjlkjlkj;lkjl;kjl;kjl;kjl;kj;lkj</td>
42 <td class="issuetracker_desc">kjlakjlkjlkj;lkjl;kjl;kjl;kjl;kj;lkj</td>
44 <td class="issuetracker_pat">lkjhlkjhlkjhaslkdjfhalkdjsfhalksjdhf</td>
43 <td class="issuetracker_pat">lkjhlkjhlkjhaslkdjfhalkdjsfhalksjdhf</td>
45 <td class="issuetracker_url">alsdkjhfalskjdfhalskjdhf</td>
44 <td class="issuetracker_url">alsdkjhfalskjdfhalskjdhf</td>
46 <td class="issuetracker_pref">alskdjhfalksjdhfalksjdhf</td>
45 <td class="issuetracker_pref">alskdjhfalksjdhfalksjdhf</td>
47 <td>
46 <td>
48 <div class="grid_edit">
47 <div class="grid_edit">
49 <a class="edit_issuetracker_entry" uid="4980baa2985b361e6e91b932f4a897d5" title="edit" href="#">
48 <a class="edit_issuetracker_entry" uid="4980baa2985b361e6e91b932f4a897d5" title="edit" href="#">
50 <input type="submit" value="edit" class="btn btn-link">
49 <input type="submit" value="edit" class="btn btn-link">
51 </a>
50 </a>
52 </div>
51 </div>
53
52
54 <div class="grid_delete">
53 <div class="grid_delete">
55 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
54 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
56 <input type="hidden" value="delete" name="_method">
55 <input type="hidden" value="delete" name="_method">
57 </div>
56 </div>
58
57
59 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
58 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
60 <input type="hidden" value="4980baa2985b361e6e91b932f4a897d5" name="del_uid" id="del_uid">
59 <input type="hidden" value="4980baa2985b361e6e91b932f4a897d5" name="del_uid" id="del_uid">
61 <i class="icon-remove"></i>
60 <i class="icon-remove"></i>
62 <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: kjlakjlkjlkj;lkjl;kjl;kjl;kjl;kj;lkj');" id="remove_user_3" class="btn btn-link btn-danger">
61 <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: kjlakjlkjlkj;lkjl;kjl;kjl;kjl;kj;lkj');" id="remove_user_3" class="btn btn-link btn-danger">
63 </form>
62 </form>
64 </div>
63 </div>
65
64
66 </td>
65 </td>
67 </tr>
66 </tr>
68 <tr id="98ac51a4ab43bb36a4feceed15ac5b21">
67 <tr id="98ac51a4ab43bb36a4feceed15ac5b21">
69 <td class="issuetracker_desc">kajls;kdjfal;skdjflaskdjflksjdlfksjdlfksjdlfkjsldkfjslkdjflskdjflkdsjf</td>
68 <td class="issuetracker_desc">kajls;kdjfal;skdjflaskdjflksjdlfksjdlfksjdlfkjsldkfjslkdjflskdjflkdsjf</td>
70 <td class="issuetracker_pat">lksjdlfkjsldkfjsldkfjlskdjflskjdlfksjdlfksjdlfjslkdfjslkdjf</td>
69 <td class="issuetracker_pat">lksjdlfkjsldkfjsldkfjlskdjflskjdlfksjdlfksjdlfjslkdfjslkdjf</td>
71 <td class="issuetracker_url">lksdjflskdjflskjdf</td>
70 <td class="issuetracker_url">lksdjflskdjflskjdf</td>
72 <td class="issuetracker_pref">sdlfkjsldkfjslkdjf</td>
71 <td class="issuetracker_pref">sdlfkjsldkfjslkdjf</td>
73 <td>
72 <td>
74 <div class="grid_edit">
73 <div class="grid_edit">
75 <a class="edit_issuetracker_entry" uid="98ac51a4ab43bb36a4feceed15ac5b21" title="edit" href="#">
74 <a class="edit_issuetracker_entry" uid="98ac51a4ab43bb36a4feceed15ac5b21" title="edit" href="#">
76 <input type="submit" value="edit" class="btn btn-link">
75 <input type="submit" value="edit" class="btn btn-link">
77 </a>
76 </a>
78 </div>
77 </div>
79
78
80 <div class="grid_delete">
79 <div class="grid_delete">
81 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
80 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
82 <input type="hidden" value="delete" name="_method">
81 <input type="hidden" value="delete" name="_method">
83 </div>
82 </div>
84
83
85 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
84 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
86 <input type="hidden" value="98ac51a4ab43bb36a4feceed15ac5b21" name="del_uid" id="del_uid">
85 <input type="hidden" value="98ac51a4ab43bb36a4feceed15ac5b21" name="del_uid" id="del_uid">
87 <i class="icon-remove"></i>
86 <i class="icon-remove"></i>
88 <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: kajls;kdjfal;skdjflaskdjflksjdlfksjdlfksjdlfkjsldkfjslkdjflskdjflkdsjf');" id="remove_user_3" class="btn btn-link btn-danger">
87 <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: kajls;kdjfal;skdjflaskdjflksjdlfksjdlfksjdlfkjsldkfjslkdjflskdjflkdsjf');" id="remove_user_3" class="btn btn-link btn-danger">
89 </form>
88 </form>
90 </div>
89 </div>
91
90
92 </td>
91 </td>
93 </tr>
92 </tr>
94 <tr id="098f6bcd4621d373cade4e832627b4f6">
93 <tr id="098f6bcd4621d373cade4e832627b4f6">
95 <td class="issuetracker_desc">test</td>
94 <td class="issuetracker_desc">test</td>
96 <td class="issuetracker_pat">test</td>
95 <td class="issuetracker_pat">test</td>
97 <td class="issuetracker_url">test</td>
96 <td class="issuetracker_url">test</td>
98 <td class="issuetracker_pref">test</td>
97 <td class="issuetracker_pref">test</td>
99 <td>
98 <td>
100 <div class="grid_edit">
99 <div class="grid_edit">
101 <a class="edit_issuetracker_entry" uid="098f6bcd4621d373cade4e832627b4f6" title="edit" href="#">
100 <a class="edit_issuetracker_entry" uid="098f6bcd4621d373cade4e832627b4f6" title="edit" href="#">
102 <input type="submit" value="edit" class="btn btn-link">
101 <input type="submit" value="edit" class="btn btn-link">
103 </a>
102 </a>
104 </div>
103 </div>
105
104
106 <div class="grid_delete">
105 <div class="grid_delete">
107 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
106 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
108 <input type="hidden" value="delete" name="_method">
107 <input type="hidden" value="delete" name="_method">
109 </div>
108 </div>
110
109
111 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
110 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
112 <input type="hidden" value="098f6bcd4621d373cade4e832627b4f6" name="del_uid" id="del_uid">
111 <input type="hidden" value="098f6bcd4621d373cade4e832627b4f6" name="del_uid" id="del_uid">
113 <i class="icon-remove"></i>
112 <i class="icon-remove"></i>
114 <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: test');" id="remove_user_3" class="btn btn-link btn-danger">
113 <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: test');" id="remove_user_3" class="btn btn-link btn-danger">
115 </form>
114 </form>
116 </div>
115 </div>
117
116
118 </td>
117 </td>
119 </tr>
118 </tr>
120 </tbody></table>
119 </tbody></table>
121
120
122
121
123
122
124 </div>
123 </div>
125 </div>
124 </div>
126 </div>
125 </div>
127 </%def>
126 </%def>
@@ -1,546 +1,545 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10
9
11 <%def name="real_main()">
10 <%def name="real_main()">
12 <div class="box">
11 <div class="box">
13 <div class="title">
12 <div class="title">
14 ${self.breadcrumbs()}
13 ${self.breadcrumbs()}
15 </div>
14 </div>
16
15
17 <div class='sidebar-col-wrapper'>
16 <div class='sidebar-col-wrapper'>
18 ##main
17 ##main
19 ${self.sidebar()}
18 ${self.sidebar()}
20
19
21 <div class="main-content">
20 <div class="main-content">
22
21
23 <div style="opacity:.5">
22 <div style="opacity:.5">
24
23
25 <h2>Simple tables</h2>
24 <h2>Simple tables</h2>
26
25
27 <p>These styles will be adjusted later to provide a baseline style
26 <p>These styles will be adjusted later to provide a baseline style
28 for all tables without classes added, whether part of the
27 for all tables without classes added, whether part of the
29 application or not. Currently, some of the
28 application or not. Currently, some of the
30 application-specific styles are applied to this table.</p>
29 application-specific styles are applied to this table.</p>
31 <p>This is a baseline style for all tables, whether part of the
30 <p>This is a baseline style for all tables, whether part of the
32 application or not. It has no class applied for styling. Use
31 application or not. It has no class applied for styling. Use
33 the "rctable" class as outlined before for tables which are
32 the "rctable" class as outlined before for tables which are
34 part of the RhodeCode application.</p>
33 part of the RhodeCode application.</p>
35 <table>
34 <table>
36 <tbody>
35 <tbody>
37 <tr>
36 <tr>
38 <th>Header A</th>
37 <th>Header A</th>
39 <th>Header B</th>
38 <th>Header B</th>
40 <th>Header C</th>
39 <th>Header C</th>
41 <th>Header D</th>
40 <th>Header D</th>
42 </tr>
41 </tr>
43 <tr>
42 <tr>
44 <td>Content of col A</td>
43 <td>Content of col A</td>
45 <td>Content of col B</td>
44 <td>Content of col B</td>
46 <td>Content of col C</td>
45 <td>Content of col C</td>
47 <td>Content of col D</td>
46 <td>Content of col D</td>
48 </tr>
47 </tr>
49 <tr>
48 <tr>
50 <td>Content of col A</td>
49 <td>Content of col A</td>
51 <td>Content of col B</td>
50 <td>Content of col B</td>
52 <td>Content of col C</td>
51 <td>Content of col C</td>
53 <td>Content of col D</td>
52 <td>Content of col D</td>
54 </tr>
53 </tr>
55 <tr>
54 <tr>
56 <td>Content of col A</td>
55 <td>Content of col A</td>
57 <td>Content of col B</td>
56 <td>Content of col B</td>
58 <td>Content of col C</td>
57 <td>Content of col C</td>
59 <td>Content of col D</td>
58 <td>Content of col D</td>
60 </tr>
59 </tr>
61 <tr>
60 <tr>
62 <td>Content of col A</td>
61 <td>Content of col A</td>
63 <td>Content of col B</td>
62 <td>Content of col B</td>
64 <td>Content of col C</td>
63 <td>Content of col C</td>
65 <td>Content of col D</td>
64 <td>Content of col D</td>
66 </tr>
65 </tr>
67 </tbody>
66 </tbody>
68 </table>
67 </table>
69 </div>
68 </div>
70
69
71
70
72
71
73
72
74 <h2>RC application table with examples</h2>
73 <h2>RC application table with examples</h2>
75
74
76 <p>This is a standard table which applies the rhodecode-specific styling to be used
75 <p>This is a standard table which applies the rhodecode-specific styling to be used
77 throughout the application; it has <code>&lt;table class="rctable"&gt;</code>.
76 throughout the application; it has <code>&lt;table class="rctable"&gt;</code>.
78 <br/>
77 <br/>
79 By default, table data is not truncated, and wraps inside of the <code>&lt;td&gt
78 By default, table data is not truncated, and wraps inside of the <code>&lt;td&gt
80 ;</code>. To prevent wrapping and contain data on one line, use the <code>&lt;
79 ;</code>. To prevent wrapping and contain data on one line, use the <code>&lt;
81 class="truncate-wrap"&gt;</code> on the <code>&lt;td&gt;</code>, and <code>span
80 class="truncate-wrap"&gt;</code> on the <code>&lt;td&gt;</code>, and <code>span
82 class="truncate"</code> around the specific data to be truncated.
81 class="truncate"</code> around the specific data to be truncated.
83 </p>
82 </p>
84 <p>
83 <p>
85 Ellipsis is added via CSS. Please always add a row of headers using <code>&lt;th
84 Ellipsis is added via CSS. Please always add a row of headers using <code>&lt;th
86 &gt;</code> to the top of a table.
85 &gt;</code> to the top of a table.
87 </p>
86 </p>
88
87
89 ## TODO: johbo: in case we have more tables with examples, we should
88 ## TODO: johbo: in case we have more tables with examples, we should
90 ## create a generic class here.
89 ## create a generic class here.
91 <table class="rctable issuetracker">
90 <table class="rctable issuetracker">
92 <thead>
91 <thead>
93 <tr>
92 <tr>
94 <th>Header A</th>
93 <th>Header A</th>
95 <th>Header B</th>
94 <th>Header B</th>
96 <th>Header C</th>
95 <th>Header C</th>
97 <th>Header D</th>
96 <th>Header D</th>
98 </tr>
97 </tr>
99 </thead>
98 </thead>
100 <tbody>
99 <tbody>
101 <tr>
100 <tr>
102 <td class="issue-tracker-example">
101 <td class="issue-tracker-example">
103 Example of col A
102 Example of col A
104 </td>
103 </td>
105 <td class="issue-tracker-example">
104 <td class="issue-tracker-example">
106 Example of col B
105 Example of col B
107 </td>
106 </td>
108 <td class="issue-tracker-example">
107 <td class="issue-tracker-example">
109 Example of col C
108 Example of col C
110 </td>
109 </td>
111 <td class="issue-tracker-example">
110 <td class="issue-tracker-example">
112 Example of col D
111 Example of col D
113 </td>
112 </td>
114 </tr>
113 </tr>
115 <tr>
114 <tr>
116 <td>Content of col A</td>
115 <td>Content of col A</td>
117 <td>Content of col B</td>
116 <td>Content of col B</td>
118 <td>Content of col C which is very long and will not be
117 <td>Content of col C which is very long and will not be
119 truncated because sometimes people just want to write
118 truncated because sometimes people just want to write
120 really, really long commit messages which explain what
119 really, really long commit messages which explain what
121 they did in excruciating detail and you really, really
120 they did in excruciating detail and you really, really
122 want to read them.</td>
121 want to read them.</td>
123 <td>Content of col D</td>
122 <td>Content of col D</td>
124 </tr>
123 </tr>
125 <tr>
124 <tr>
126 <td>Content of col A</td>
125 <td>Content of col A</td>
127 <td>Content of col B</td>
126 <td>Content of col B</td>
128 <td>Content of col C</td>
127 <td>Content of col C</td>
129 <td class="truncate-wrap"><span class="truncate">Truncated
128 <td class="truncate-wrap"><span class="truncate">Truncated
130 content of column D truncate truncate truncatetruncate
129 content of column D truncate truncate truncatetruncate
131 truncate truncate</span></td>
130 truncate truncate</span></td>
132 </tr>
131 </tr>
133 </tbody>
132 </tbody>
134 </table>
133 </table>
135
134
136 <h2>RC application table data classes</h2>
135 <h2>RC application table data classes</h2>
137
136
138 <p>The following tables contain documentation of all existing table data classes.
137 <p>The following tables contain documentation of all existing table data classes.
139 Please update when new classes are made.
138 Please update when new classes are made.
140 </p>
139 </p>
141 <table class="rctable examples">
140 <table class="rctable examples">
142 <thead>
141 <thead>
143 <tr>
142 <tr>
144 <th>Class</th>
143 <th>Class</th>
145 <th>Description</th>
144 <th>Description</th>
146 <th>Example</th>
145 <th>Example</th>
147 </tr>
146 </tr>
148 </thead>
147 </thead>
149 <tbody>
148 <tbody>
150 <td>td-user</td>
149 <td>td-user</td>
151 <td>Any username/gravatar combination (see also Icons style).</td>
150 <td>Any username/gravatar combination (see also Icons style).</td>
152 <td class="td-user author">
151 <td class="td-user author">
153 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/0c9a7e6674b6f0b35d98dbe073e3f0ab?d=identicon&amp;s=32" height="16" width="16">
152 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/0c9a7e6674b6f0b35d98dbe073e3f0ab?d=identicon&amp;s=32" height="16" width="16">
154 <span title="Oliver Strobel <oliver@rhodecode.com>" class="user">ostrobel (Oliver Strobel)</span>
153 <span title="Oliver Strobel <oliver@rhodecode.com>" class="user">ostrobel (Oliver Strobel)</span>
155 </td>
154 </td>
156 </tr>
155 </tr>
157 <tr>
156 <tr>
158 <td>td-hash</td>
157 <td>td-hash</td>
159 <td>Any hash; a commit, revision, etc. Use <code>&lt;pre&gt;</code> and header 'Commit'</td>
158 <td>Any hash; a commit, revision, etc. Use <code>&lt;pre&gt;</code> and header 'Commit'</td>
160 <td class="td-commit">
159 <td class="td-commit">
161 <pre><a href="/anothercpythonforkkkk/files/8d6b27837c6979983b037693fe975cdbb761b500/">r93699:8d6b27837c69</a></pre>
160 <pre><a href="/anothercpythonforkkkk/files/8d6b27837c6979983b037693fe975cdbb761b500/">r93699:8d6b27837c69</a></pre>
162 </td>
161 </td>
163 </tr>
162 </tr>
164 <tr>
163 <tr>
165 <td>td-rss</td>
164 <td>td-rss</td>
166 <td>RSS feed link icon</td>
165 <td>RSS feed link icon</td>
167 <td class="td-rss">
166 <td class="td-rss">
168 <a title="Subscribe to rss feed" href="/feed/rss"><i class="icon-rss-sign"></i></a>
167 <a title="Subscribe to rss feed" href="/feed/rss"><i class="icon-rss-sign"></i></a>
169 </td>
168 </td>
170 </tr>
169 </tr>
171 <tr>
170 <tr>
172 <td>td-componentname</td>
171 <td>td-componentname</td>
173 <td>Any group, file, gist, or directory name.</td>
172 <td>Any group, file, gist, or directory name.</td>
174 <td class="td-componentname">
173 <td class="td-componentname">
175 <a href="/cpythonfork">
174 <a href="/cpythonfork">
176 <span title="Mercurial repository"><i class="icon-hg"></i></span>
175 <span title="Mercurial repository"><i class="icon-hg"></i></span>
177 <i class="icon-unlock-alt" title="Public repository"></i>
176 <i class="icon-unlock-alt" title="Public repository"></i>
178 rhodecode-dev-restyle-fork
177 rhodecode-dev-restyle-fork
179 </a>
178 </a>
180 </td>
179 </td>
181 </tr>
180 </tr>
182 <tr>
181 <tr>
183 <td>td-tags</td>
182 <td>td-tags</td>
184 <td>Any cell containing tags, including branches and bookmarks.</td>
183 <td>Any cell containing tags, including branches and bookmarks.</td>
185 <td class="td-tags">
184 <td class="td-tags">
186 <span class="branchtag tag" title="Branch default">
185 <span class="branchtag tag" title="Branch default">
187 <a href="/rhodecode-dev-restyle- fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
186 <a href="/rhodecode-dev-restyle- fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
188 </span>
187 </span>
189 </td>
188 </td>
190 </tr>
189 </tr>
191 <tr>
190 <tr>
192 <td>tags-truncate</td>
191 <td>tags-truncate</td>
193 <td>Used to truncate a cell containing tags; avoid if possible.</td>
192 <td>Used to truncate a cell containing tags; avoid if possible.</td>
194 <td class="td-tags truncate-wrap">
193 <td class="td-tags truncate-wrap">
195 <div class="truncate tags-truncate">
194 <div class="truncate tags-truncate">
196 <div class="autoexpand">
195 <div class="autoexpand">
197 <span class="tagtag tag" title="Tag tip">
196 <span class="tagtag tag" title="Tag tip">
198 <a href="/rhodecode-dev-restyle-fork/files/e519d5a0e71466d27257ddff921c4a13c540408e/"><i class="icon-tag"></i>tip</a>
197 <a href="/rhodecode-dev-restyle-fork/files/e519d5a0e71466d27257ddff921c4a13c540408e/"><i class="icon-tag"></i>tip</a>
199 </span>
198 </span>
200 <span class="branchtag tag" title="Branch default">
199 <span class="branchtag tag" title="Branch default">
201 <a href="/rhodecode-dev-restyle-fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
200 <a href="/rhodecode-dev-restyle-fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
202 </span>
201 </span>
203 <span class="branchtag tag" title="Branch default">
202 <span class="branchtag tag" title="Branch default">
204 <a href="/rhodecode-dev-restyle-fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
203 <a href="/rhodecode-dev-restyle-fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
205 </span>
204 </span>
206 </div>
205 </div>
207 </div>
206 </div>
208 </td>
207 </td>
209 </tr>
208 </tr>
210 <tr>
209 <tr>
211 <td>td-ip</td>
210 <td>td-ip</td>
212 <td>Any ip address.</td>
211 <td>Any ip address.</td>
213 <td class="td-ip">
212 <td class="td-ip">
214 172.16.115.168
213 172.16.115.168
215 </td>
214 </td>
216 </tr>
215 </tr>
217 <tr>
216 <tr>
218 <td>td-type</td>
217 <td>td-type</td>
219 <td>A state or an auth type.</td>
218 <td>A state or an auth type.</td>
220 <td class="td-type">
219 <td class="td-type">
221 rhodecode
220 rhodecode
222 </td>
221 </td>
223 </tr>
222 </tr>
224 <tr>
223 <tr>
225 <td>td-authtoken</td>
224 <td>td-authtoken</td>
226 <td>For auth tokens. Use truncate classes for hover expand; see html.</td>
225 <td>For auth tokens. Use truncate classes for hover expand; see html.</td>
227 <td class="truncate-wrap td-authtoken">
226 <td class="truncate-wrap td-authtoken">
228 <div class="truncate autoexpand">
227 <div class="truncate autoexpand">
229 <code>688df65b87d3ad16ae9f8fc6338a551d40f41c7a</code>
228 <code>688df65b87d3ad16ae9f8fc6338a551d40f41c7a</code>
230 </div>
229 </div>
231 </td>
230 </td>
232 </tr>
231 </tr>
233 <tr>
232 <tr>
234 <td>td-action</td>
233 <td>td-action</td>
235 <td>Buttons which perform an action.</td>
234 <td>Buttons which perform an action.</td>
236 <td class="td-action">
235 <td class="td-action">
237 <div class="grid_edit">
236 <div class="grid_edit">
238 <a href="/_admin/users/2/edit" title="edit">
237 <a href="/_admin/users/2/edit" title="edit">
239 Edit
238 Edit
240 </a>
239 </a>
241 </div>
240 </div>
242 <div class="grid_delete">
241 <div class="grid_delete">
243 <form action="/_admin/users/2" method="post">
242 <form action="/_admin/users/2" method="post">
244 <i class="icon-remove"></i>
243 <i class="icon-remove"></i>
245 <input class="btn btn-danger btn-link" id="remove_user_2" name="remove_" type="submit" value="delete">
244 <input class="btn btn-danger btn-link" id="remove_user_2" name="remove_" type="submit" value="delete">
246 </form>
245 </form>
247 </div>
246 </div>
248 </td>
247 </td>
249 </tr>
248 </tr>
250 <tr>
249 <tr>
251 <td>td-radio</td>
250 <td>td-radio</td>
252 <td>Radio buttons for a form. Centers element.</td>
251 <td>Radio buttons for a form. Centers element.</td>
253 <td class="td-radio">
252 <td class="td-radio">
254 <input type="radio" checked="checked" value="" name="1" id="read"></td>
253 <input type="radio" checked="checked" value="" name="1" id="read"></td>
255 </tr>
254 </tr>
256 <tr>
255 <tr>
257 <td>td-checkbox</td>
256 <td>td-checkbox</td>
258 <td>Checkbox for a form. Centers element.</td>
257 <td>Checkbox for a form. Centers element.</td>
259 <td class="td-checkbox">
258 <td class="td-checkbox">
260 <input type="checkbox" checked="checked" value="" name="1" id="read"></td>
259 <input type="checkbox" checked="checked" value="" name="1" id="read"></td>
261 </tr>
260 </tr>
262 <tr>
261 <tr>
263 <tr>
262 <tr>
264 <td>td-buttons</td>
263 <td>td-buttons</td>
265 <td>Buttons.</td>
264 <td>Buttons.</td>
266 <td class="td-buttons">
265 <td class="td-buttons">
267 <span class="btn btn-mini btn-primary">feed access</span>
266 <span class="btn btn-mini btn-primary">feed access</span>
268 </td>
267 </td>
269 </tr>
268 </tr>
270 <tr>
269 <tr>
271 <td>td-compare</td>
270 <td>td-compare</td>
272 <td>Radio buttons to compare commits.</td>
271 <td>Radio buttons to compare commits.</td>
273 <td class=" td-compare">
272 <td class=" td-compare">
274 <input class="compare-radio-button" type="radio" name="compare_source" value="2.0">
273 <input class="compare-radio-button" type="radio" name="compare_source" value="2.0">
275 <input class="compare-radio-button" type="radio" name="compare_target" value="2.0">
274 <input class="compare-radio-button" type="radio" name="compare_target" value="2.0">
276 </td>
275 </td>
277 </tr>
276 </tr>
278 <tr>
277 <tr>
279 <td>td-comments</td>
278 <td>td-comments</td>
280 <td>Comments indicator icon.</td>
279 <td>Comments indicator icon.</td>
281 <td>
280 <td>
282 <i class="icon-comment"></i> 0
281 <i class="icon-comment"></i> 0
283 </td>
282 </td>
284 </tr>
283 </tr>
285 <tr>
284 <tr>
286 <td>td-status</td>
285 <td>td-status</td>
287 <td>Status indicator icon.</td>
286 <td>Status indicator icon.</td>
288 <td class="td-description">
287 <td class="td-description">
289 <div class="flag_status under_review pull-left"></div>
288 <div class="flag_status under_review pull-left"></div>
290 </td>
289 </td>
291 </tr>
290 </tr>
292 </tbody>
291 </tbody>
293 </table>
292 </table>
294 <table class="dataTable rctable examples">
293 <table class="dataTable rctable examples">
295 <tbody>
294 <tbody>
296 <tr>
295 <tr>
297 <td>quick_repo_menu</td>
296 <td>quick_repo_menu</td>
298 <td>Hidden menu generated by dataTable.</td>
297 <td>Hidden menu generated by dataTable.</td>
299 <td class="quick_repo_menu">
298 <td class="quick_repo_menu">
300 <i class="icon-more"></i>
299 <i class="icon-more"></i>
301 <div class="menu_items_container" style="display: none;">
300 <div class="menu_items_container" style="display: none;">
302 <ul class="menu_items">
301 <ul class="menu_items">
303 <li>
302 <li>
304 <a title="Summary" href="/anothercpythonforkkkk-fork">
303 <a title="Summary" href="/anothercpythonforkkkk-fork">
305 <span>Summary</span>
304 <span>Summary</span>
306 </a>
305 </a>
307 </li>
306 </li>
308 <li>
307 <li>
309 <a title="Changelog" href="/anothercpythonforkkkk-fork/changelog">
308 <a title="Changelog" href="/anothercpythonforkkkk-fork/changelog">
310 <span>Changelog</span>
309 <span>Changelog</span>
311 </a>
310 </a>
312 </li>
311 </li>
313 <li>
312 <li>
314 <a title="Files" href="/anothercpythonforkkkk-fork/files/tip/">
313 <a title="Files" href="/anothercpythonforkkkk-fork/files/tip/">
315 <span>Files</span>
314 <span>Files</span>
316 </a>
315 </a>
317 </li>
316 </li>
318 <li>
317 <li>
319 <a title="Fork" href="/anothercpythonforkkkk-fork/fork">
318 <a title="Fork" href="/anothercpythonforkkkk-fork/fork">
320 <span>Fork</span>
319 <span>Fork</span>
321 </a>
320 </a>
322 </li>
321 </li>
323 </ul>
322 </ul>
324 </div>
323 </div>
325 </td>
324 </td>
326 <td></td>
325 <td></td>
327 </tr>
326 </tr>
328 </tbody>
327 </tbody>
329 </table>
328 </table>
330 <script>quick_repo_menu();</script>
329 <script>quick_repo_menu();</script>
331 <table class="rctable examples">
330 <table class="rctable examples">
332 <tbody>
331 <tbody>
333 <tr>
332 <tr>
334 <td>td-description</td>
333 <td>td-description</td>
335 <td>Any description. They may be rather long, and using the expand_commit outlined below is recommended.</td>
334 <td>Any description. They may be rather long, and using the expand_commit outlined below is recommended.</td>
336 <td class="td-description">
335 <td class="td-description">
337 Ultrices mattis! Enim pellentesque lacus, sit magna natoque risus turpis ut, auctor ultrices facilisis dapibus odio? Parturient! Porta egestas nascetur, quis, elementum dolor, in magna ac dis sit etiam turpis, scelerisque! Integer tristique aliquam.
336 Ultrices mattis! Enim pellentesque lacus, sit magna natoque risus turpis ut, auctor ultrices facilisis dapibus odio? Parturient! Porta egestas nascetur, quis, elementum dolor, in magna ac dis sit etiam turpis, scelerisque! Integer tristique aliquam.
338 </td>
337 </td>
339 </tr>
338 </tr>
340 </tbody>
339 </tbody>
341 </table>
340 </table>
342 <table id="changesets" class="rctable examples end">
341 <table id="changesets" class="rctable examples end">
343 <tbody>
342 <tbody>
344 <tr>
343 <tr>
345 <td>expand_commit</td>
344 <td>expand_commit</td>
346 <td>Expands a long message; see html+js.</td>
345 <td>Expands a long message; see html+js.</td>
347 <td class="expand_commit" data-commit-id="2ffc6faabc7a9c790b1b452943a3f0c047b8b436" title="Expand commit message">
346 <td class="expand_commit" data-commit-id="2ffc6faabc7a9c790b1b452943a3f0c047b8b436" title="Expand commit message">
348 <div class="show_more_col">
347 <div class="show_more_col">
349 <i class="show_more"></i>
348 <i class="show_more"></i>
350 </div>
349 </div>
351 </td>
350 </td>
352 <td class="mid td-description">
351 <td class="mid td-description">
353 <div class="log-container truncate-wrap">
352 <div class="log-container truncate-wrap">
354 <div id="c-2ffc6faabc7a9c790b1b452943a3f0c047b8b436" class="message truncate" data-message-raw="tests: Test echo method on the server object
353 <div id="c-2ffc6faabc7a9c790b1b452943a3f0c047b8b436" class="message truncate" data-message-raw="tests: Test echo method on the server object
355
354
356 This only works for Pyro4 so far, have to extend it still for HTTP to work.">tests: Test echo method on the server object
355 This only works for Pyro4 so far, have to extend it still for HTTP to work.">tests: Test echo method on the server object
357
356
358 This only works for Pyro4 so far, have to extend it still for HTTP to work.</div>
357 This only works for Pyro4 so far, have to extend it still for HTTP to work.</div>
359 </div>
358 </div>
360 </td>
359 </td>
361 </tr>
360 </tr>
362 </tbody>
361 </tbody>
363 </table>
362 </table>
364 <script type="text/javascript">
363 <script type="text/javascript">
365 var cache = {};
364 var cache = {};
366 $('.expand_commit').on('click',function(e){
365 $('.expand_commit').on('click',function(e){
367 var target_expand = $(this);
366 var target_expand = $(this);
368 var cid = target_expand.data('commitId');
367 var cid = target_expand.data('commitId');
369
368
370 if (target_expand.hasClass('open')){
369 if (target_expand.hasClass('open')){
371 $('#c-'+cid).css({'height': '1.5em', 'white-space': 'nowrap', 'text-overflow': 'ellipsis', 'overflow':'hidden'});
370 $('#c-'+cid).css({'height': '1.5em', 'white-space': 'nowrap', 'text-overflow': 'ellipsis', 'overflow':'hidden'});
372 $('#t-'+cid).css({'height': '1.5em', 'max-height': '1.5em', 'text-overflow': 'ellipsis', 'overflow':'hidden', 'white-space':'nowrap'});
371 $('#t-'+cid).css({'height': '1.5em', 'max-height': '1.5em', 'text-overflow': 'ellipsis', 'overflow':'hidden', 'white-space':'nowrap'});
373 target_expand.removeClass('open');
372 target_expand.removeClass('open');
374 }
373 }
375 else {
374 else {
376 $('#c-'+cid).css({'height': 'auto', 'white-space': 'pre-line', 'text-overflow': 'initial', 'overflow':'visible'});
375 $('#c-'+cid).css({'height': 'auto', 'white-space': 'pre-line', 'text-overflow': 'initial', 'overflow':'visible'});
377 $('#t-'+cid).css({'height': 'auto', 'max-height': 'none', 'text-overflow': 'initial', 'overflow':'visible', 'white-space':'normal'});
376 $('#t-'+cid).css({'height': 'auto', 'max-height': 'none', 'text-overflow': 'initial', 'overflow':'visible', 'white-space':'normal'});
378 target_expand.addClass('open');
377 target_expand.addClass('open');
379 }
378 }
380 });
379 });
381
380
382 </script>
381 </script>
383 <p>The following classes currently do not have unique styles applied.</p>
382 <p>The following classes currently do not have unique styles applied.</p>
384 <table class="rctable examples end">
383 <table class="rctable examples end">
385 <tbody>
384 <tbody>
386 <tr>
385 <tr>
387 <td>td-regex</td>
386 <td>td-regex</td>
388 <td>Regex patterns</td>
387 <td>Regex patterns</td>
389 <td class="td-regex">(?:#)(?P<issue_id>\d+)</td>
388 <td class="td-regex">(?:#)(?P<issue_id>\d+)</td>
390 </tr>
389 </tr>
391 <tr>
390 <tr>
392 <td>td-url</td>
391 <td>td-url</td>
393 <td>Any URL.</td>
392 <td>Any URL.</td>
394 <td class="td-url">https://rhodecode.com</td>
393 <td class="td-url">https://rhodecode.com</td>
395 </tr>
394 </tr>
396 <tr>
395 <tr>
397 <td>td-journalaction</td>
396 <td>td-journalaction</td>
398 <td>Action listed in a journal</td>
397 <td>Action listed in a journal</td>
399 <td class="td-journalaction">started following repository supervisor-fork-4</td>
398 <td class="td-journalaction">started following repository supervisor-fork-4</td>
400 </tr>
399 </tr>
401 <tr>
400 <tr>
402 <td>td-iprange</td>
401 <td>td-iprange</td>
403 <td>Any ip address.</td>
402 <td>Any ip address.</td>
404 <td class="td-ip">127.0.0.1-127.0.0.10</td>
403 <td class="td-ip">127.0.0.1-127.0.0.10</td>
405 </tr>
404 </tr>
406 <tr>
405 <tr>
407 <td>td-exp</td>
406 <td>td-exp</td>
408 <td>Expiration time.</td>
407 <td>Expiration time.</td>
409 <td class="td-exp">never</td>
408 <td class="td-exp">never</td>
410 </tr>
409 </tr>
411 <tr>
410 <tr>
412 <td>td-prefix</td>
411 <td>td-prefix</td>
413 <td>Prefixes outlined in settings.</td>
412 <td>Prefixes outlined in settings.</td>
414 <td class="td-prefix">ubuntu-92539</td>
413 <td class="td-prefix">ubuntu-92539</td>
415 </tr>
414 </tr>
416 <tr>
415 <tr>
417 <td>td-cachekey</td>
416 <td>td-cachekey</td>
418 <td>Cache key value.</td>
417 <td>Cache key value.</td>
419 <td class="td-cachekey">ubuntu-92539supervisor</td>
418 <td class="td-cachekey">ubuntu-92539supervisor</td>
420 </tr>
419 </tr>
421 <tr>
420 <tr>
422 <td>td-email</td>
421 <td>td-email</td>
423 <td>Any email address.</td>
422 <td>Any email address.</td>
424 <td class="td-email">example@rhodecode.com</td>
423 <td class="td-email">example@rhodecode.com</td>
425 </tr>
424 </tr>
426 <tr>
425 <tr>
427 <td>td-active</td>
426 <td>td-active</td>
428 <td>Shows active state with icon-true/icon-false.</td>
427 <td>Shows active state with icon-true/icon-false.</td>
429 <td class="td-active"><i class="icon-pr-merge-fail"></i></td>
428 <td class="td-active"><i class="icon-pr-merge-fail"></i></td>
430 </tr>
429 </tr>
431 <tr>
430 <tr>
432 <td>td-size</td>
431 <td>td-size</td>
433 <td>File, repo, or directory size.</td>
432 <td>File, repo, or directory size.</td>
434 <td class="td-size">89 MB</td>
433 <td class="td-size">89 MB</td>
435 </tr>
434 </tr>
436 <tr>
435 <tr>
437 <td>td-number</td>
436 <td>td-number</td>
438 <td>Any numerical data.</td>
437 <td>Any numerical data.</td>
439 <td class="td-number">42</td>
438 <td class="td-number">42</td>
440 </tr>
439 </tr>
441 <tr>
440 <tr>
442 <td>td-message</td>
441 <td>td-message</td>
443 <td>Any commit message. Often treated with the truncate class used for descriptions as well.</td>
442 <td>Any commit message. Often treated with the truncate class used for descriptions as well.</td>
444 <td class="td-message">Updated the files</td>
443 <td class="td-message">Updated the files</td>
445 </tr>
444 </tr>
446 </tbody>
445 </tbody>
447 </table>
446 </table>
448
447
449
448
450 <h2>Permissions table</h2>
449 <h2>Permissions table</h2>
451
450
452 <p>
451 <p>
453 This is a special-case table; it has
452 This is a special-case table; it has
454 <code>table class="rctable permissions"</code>
453 <code>table class="rctable permissions"</code>
455 where "rctable" applies the rhodecode styling as above, and
454 where "rctable" applies the rhodecode styling as above, and
456 "permissions" adds an extra layer of customization specific to
455 "permissions" adds an extra layer of customization specific to
457 permissions tables. Other special-case tables may exist or be
456 permissions tables. Other special-case tables may exist or be
458 created if necessary.
457 created if necessary.
459 </p>
458 </p>
460
459
461 <table class="rctable permissions">
460 <table class="rctable permissions">
462 <tr>
461 <tr>
463 <th class="td-radio">none</th>
462 <th class="td-radio">none</th>
464 <th class="td-radio">read</th>
463 <th class="td-radio">read</th>
465 <th class="td-radio">write</th>
464 <th class="td-radio">write</th>
466 <th class="td-radio">admin</th>
465 <th class="td-radio">admin</th>
467 <th>user/user group</th>
466 <th>user/user group</th>
468 <th></th>
467 <th></th>
469 </tr>
468 </tr>
470 <tr class="perm_admin_row">
469 <tr class="perm_admin_row">
471 <td class="td-radio"><input type="radio" value="repository.none"
470 <td class="td-radio"><input type="radio" value="repository.none"
472 name="admin_perm_2" id="admin_perm_2_repositorynone"
471 name="admin_perm_2" id="admin_perm_2_repositorynone"
473 disabled="disabled"></td>
472 disabled="disabled"></td>
474 <td class="td-radio"><input type="radio" value="repository.read"
473 <td class="td-radio"><input type="radio" value="repository.read"
475 name="admin_perm_2" id="admin_perm_2_repositoryread"
474 name="admin_perm_2" id="admin_perm_2_repositoryread"
476 disabled="disabled"></td>
475 disabled="disabled"></td>
477 <td class="td-radio"><input type="radio" value="repository.write"
476 <td class="td-radio"><input type="radio" value="repository.write"
478 name="admin_perm_2" id="admin_perm_2_repositorywrite"
477 name="admin_perm_2" id="admin_perm_2_repositorywrite"
479 disabled="disabled"></td>
478 disabled="disabled"></td>
480 <td class="td-radio"><input type="radio" value="repository.admin"
479 <td class="td-radio"><input type="radio" value="repository.admin"
481 name="admin_perm_2" id="admin_perm_2_repositoryadmin"
480 name="admin_perm_2" id="admin_perm_2_repositoryadmin"
482 disabled="disabled" checked="checked"></td>
481 disabled="disabled" checked="checked"></td>
483 <td>
482 <td>
484 <img class="gravatar" src="https://secure.gravatar.com/avatar/be9d18f611892a738e54f2a3a171e2f9?d=identicon&amp;s=32" height="16" width="16">
483 <img class="gravatar" src="https://secure.gravatar.com/avatar/be9d18f611892a738e54f2a3a171e2f9?d=identicon&amp;s=32" height="16" width="16">
485 <span class="user">dev (super admin) (owner)</span>
484 <span class="user">dev (super admin) (owner)</span>
486 </td>
485 </td>
487 <td></td>
486 <td></td>
488 </tr>
487 </tr>
489 <tr>
488 <tr>
490 <td colspan="4">
489 <td colspan="4">
491 <span class="private_repo_msg">
490 <span class="private_repo_msg">
492 private repository
491 private repository
493 </span>
492 </span>
494 </td>
493 </td>
495 <td class="private_repo_msg">
494 <td class="private_repo_msg">
496 <i class="icon-user"></i>
495 <i class="icon-user"></i>
497 default - only people explicitly added here will have access</td>
496 default - only people explicitly added here will have access</td>
498 <td></td>
497 <td></td>
499 </tr>
498 </tr>
500 <tr>
499 <tr>
501 <td class="td-radio"><input type="radio" value="repository.none"
500 <td class="td-radio"><input type="radio" value="repository.none"
502 name="u_perm_1" id="u_perm_1_repositorynone"></td>
501 name="u_perm_1" id="u_perm_1_repositorynone"></td>
503 <td class="td-radio"><input type="radio" checked="checked"
502 <td class="td-radio"><input type="radio" checked="checked"
504 value="repository.read" name="u_perm_1"
503 value="repository.read" name="u_perm_1"
505 id="u_perm_1_repositoryread"></td>
504 id="u_perm_1_repositoryread"></td>
506 <td class="td-radio"><input type="radio" value="repository.write"
505 <td class="td-radio"><input type="radio" value="repository.write"
507 name="u_perm_1" id="u_perm_1_repositorywrite"></td>
506 name="u_perm_1" id="u_perm_1_repositorywrite"></td>
508 <td class="td-radio"><input type="radio" value="repository.admin"
507 <td class="td-radio"><input type="radio" value="repository.admin"
509 name="u_perm_1" id="u_perm_1_repositoryadmin"></td>
508 name="u_perm_1" id="u_perm_1_repositoryadmin"></td>
510 <td>
509 <td>
511 <img class="gravatar" src="/_static/rhodecode/images/user30.png" height="16" width="16">
510 <img class="gravatar" src="/_static/rhodecode/images/user30.png" height="16" width="16">
512 <span class="user">default</span>
511 <span class="user">default</span>
513 </td>
512 </td>
514 <td></td>
513 <td></td>
515 </tr>
514 </tr>
516 <tr>
515 <tr>
517 <td class="td-radio"><input type="radio" value="repository.none"
516 <td class="td-radio"><input type="radio" value="repository.none"
518 name="u_perm_2" id="u_perm_2_repositorynone"></td>
517 name="u_perm_2" id="u_perm_2_repositorynone"></td>
519 <td class="td-radio"><input type="radio" checked="checked"
518 <td class="td-radio"><input type="radio" checked="checked"
520 value="repository.read" name="u_perm_2"
519 value="repository.read" name="u_perm_2"
521 id="u_perm_2_repositoryread"></td>
520 id="u_perm_2_repositoryread"></td>
522 <td class="td-radio"><input type="radio" value="repository.write"
521 <td class="td-radio"><input type="radio" value="repository.write"
523 name="u_perm_2" id="u_perm_2_repositorywrite"></td>
522 name="u_perm_2" id="u_perm_2_repositorywrite"></td>
524 <td class="td-radio"><input type="radio" value="repository.admin"
523 <td class="td-radio"><input type="radio" value="repository.admin"
525 name="u_perm_2" id="u_perm_2_repositoryadmin"></td>
524 name="u_perm_2" id="u_perm_2_repositoryadmin"></td>
526 <td>
525 <td>
527 <img class="gravatar" src="https://secure.gravatar.com/avatar/be9d18f611892a738e54f2a3a171e2f9?d=identicon&amp;s=32" height="16" width="16">
526 <img class="gravatar" src="https://secure.gravatar.com/avatar/be9d18f611892a738e54f2a3a171e2f9?d=identicon&amp;s=32" height="16" width="16">
528 <a class="user" href="/_admin/users/2/edit">dev</a>
527 <a class="user" href="/_admin/users/2/edit">dev</a>
529 </td>
528 </td>
530 <td>
529 <td>
531 <span member_type="user" member="2"
530 <span member_type="user" member="2"
532 class="btn action_button btn-link btn-danger">revoke</span>
531 class="btn action_button btn-link btn-danger">revoke</span>
533 </td>
532 </td>
534 </tr>
533 </tr>
535 </tbody>
534 </tbody>
536 </table>
535 </table>
537 <div class="link" id="add_perm">
536 <div class="link" id="add_perm">
538 Add user/user group
537 Add user/user group
539 </div>
538 </div>
540
539
541
540
542
541
543 </div>
542 </div>
544 </div>
543 </div>
545 </div>
544 </div>
546 </%def>
545 </%def>
@@ -1,507 +1,506 b''
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
1 <%inherit file="/debug_style/index.html"/>
3
2
4 <%def name="breadcrumbs_links()">
3 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
4 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
5 &raquo;
7 ${c.active}
6 ${c.active}
8 </%def>
7 </%def>
9
8
10 <%def name="real_main()">
9 <%def name="real_main()">
11 <div class="box">
10 <div class="box">
12 <div class="title">
11 <div class="title">
13 ${self.breadcrumbs()}
12 ${self.breadcrumbs()}
14 </div>
13 </div>
15 </div>
14 </div>
16
15
17 ##main
16 ##main
18 <div class='sidebar-col-wrapper'>
17 <div class='sidebar-col-wrapper'>
19 ${self.sidebar()}
18 ${self.sidebar()}
20
19
21 <div class="main-content">
20 <div class="main-content">
22
21
23 <div class="bs-docs-section">
22 <div class="bs-docs-section">
24 <h1 id="type" class="page-header">Typography</h1>
23 <h1 id="type" class="page-header">Typography</h1>
25
24
26 <!-- Headings -->
25 <!-- Headings -->
27 <h2 id="type-headings">Headings</h2>
26 <h2 id="type-headings">Headings</h2>
28 <p>All HTML headings, <code>&lt;h1&gt;</code> through <code>&lt;h6&gt;</code>, are available. <code>.h1</code> through <code>.h6</code> classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.
27 <p>All HTML headings, <code>&lt;h1&gt;</code> through <code>&lt;h6&gt;</code>, are available. <code>.h1</code> through <code>.h6</code> classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.
29 </p>
28 </p>
30 <p>All headings have no top/side margins and a bottom margin which corresponds to variable <code>@textmargin</code>, a color corresponding to <code>@text-color</code>, and a line-height of 1.8em.
29 <p>All headings have no top/side margins and a bottom margin which corresponds to variable <code>@textmargin</code>, a color corresponding to <code>@text-color</code>, and a line-height of 1.8em.
31 <div class="bs-example bs-example-type" data-example-id="simple-headings">
30 <div class="bs-example bs-example-type" data-example-id="simple-headings">
32 <table class="table">
31 <table class="table">
33 <tbody>
32 <tbody>
34 <tr>
33 <tr>
35 <td><h1>h1. RhodeCode heading</h1></td>
34 <td><h1>h1. RhodeCode heading</h1></td>
36 <td class="type-info">Bold</td>
35 <td class="type-info">Bold</td>
37 <td class="type-info">1.54em</td>
36 <td class="type-info">1.54em</td>
38 </tr>
37 </tr>
39 <tr>
38 <tr>
40 <td><h2>h2. RhodeCode heading</h2></td>
39 <td><h2>h2. RhodeCode heading</h2></td>
41 <td class="type-info">Semi-Bold</td>
40 <td class="type-info">Semi-Bold</td>
42 <td class="type-info">1.23em</td>
41 <td class="type-info">1.23em</td>
43 </tr>
42 </tr>
44 <tr>
43 <tr>
45 <td><h3>h3. RhodeCode heading</h3></td>
44 <td><h3>h3. RhodeCode heading</h3></td>
46 <td class="type-info">Regular</td>
45 <td class="type-info">Regular</td>
47 <td class="type-info">1.23em</td>
46 <td class="type-info">1.23em</td>
48 </tr>
47 </tr>
49 <tr>
48 <tr>
50 <td><h4>h4. RhodeCode heading</h4></td>
49 <td><h4>h4. RhodeCode heading</h4></td>
51 <td class="type-info">Bold</td>
50 <td class="type-info">Bold</td>
52 <td class="type-info">1em</td>
51 <td class="type-info">1em</td>
53 </tr>
52 </tr>
54 <tr>
53 <tr>
55 <td><h5>h5. RhodeCode heading</h5></td>
54 <td><h5>h5. RhodeCode heading</h5></td>
56 <td class="type-info">Bold Italic</td>
55 <td class="type-info">Bold Italic</td>
57 <td class="type-info">1em</td>
56 <td class="type-info">1em</td>
58 </tr>
57 </tr>
59 <tr>
58 <tr>
60 <td><h6>h6. RhodeCode heading</h6></td>
59 <td><h6>h6. RhodeCode heading</h6></td>
61 <td class="type-info">Bold Italic</td>
60 <td class="type-info">Bold Italic</td>
62 <td class="type-info">1em</td>
61 <td class="type-info">1em</td>
63 </tr>
62 </tr>
64 </tbody>
63 </tbody>
65 </table>
64 </table>
66 </div>
65 </div>
67 <div class="highlight-html"><xmp>
66 <div class="highlight-html"><xmp>
68 <h1>h1. RhodeCode heading</h1>
67 <h1>h1. RhodeCode heading</h1>
69 <h2>h2. RhodeCode heading</h2>
68 <h2>h2. RhodeCode heading</h2>
70 <h3>h3. RhodeCode heading</h3>
69 <h3>h3. RhodeCode heading</h3>
71 <h4>h4. RhodeCode heading</h4>
70 <h4>h4. RhodeCode heading</h4>
72 <h5>h5. RhodeCode heading</h5>
71 <h5>h5. RhodeCode heading</h5>
73 <h6>h6. RhodeCode heading</h6>
72 <h6>h6. RhodeCode heading</h6>
74 </xmp></div> <!-- end highlight -->
73 </xmp></div> <!-- end highlight -->
75
74
76 <p>Create lighter, secondary text in any heading with a generic <code>&lt;small&gt;</code> tag or the <code>.small</code> class.</p>
75 <p>Create lighter, secondary text in any heading with a generic <code>&lt;small&gt;</code> tag or the <code>.small</code> class.</p>
77 <div class="bs-example bs-example-type" data-example-id="small- headings">
76 <div class="bs-example bs-example-type" data-example-id="small- headings">
78 <table class="table">
77 <table class="table">
79 <tbody>
78 <tbody>
80 <tr>
79 <tr>
81 <td><h1>h1. RhodeCode heading <small>Secondary text</small></h1></td>
80 <td><h1>h1. RhodeCode heading <small>Secondary text</small></h1></td>
82 </tr>
81 </tr>
83 <tr>
82 <tr>
84 <td><h2>h2. RhodeCode heading <small>Secondary text</small></h2></td>
83 <td><h2>h2. RhodeCode heading <small>Secondary text</small></h2></td>
85 </tr>
84 </tr>
86 <tr>
85 <tr>
87 <td><h3>h3. RhodeCode heading <small>Secondary text</small></h3></td>
86 <td><h3>h3. RhodeCode heading <small>Secondary text</small></h3></td>
88 </tr>
87 </tr>
89 <tr>
88 <tr>
90 <td><h4>h4. RhodeCode heading <small>Secondary text</small></h4></td>
89 <td><h4>h4. RhodeCode heading <small>Secondary text</small></h4></td>
91 </tr>
90 </tr>
92 <tr>
91 <tr>
93 <td><h5>h5. RhodeCode heading <small>Secondary text</small></h5></td>
92 <td><h5>h5. RhodeCode heading <small>Secondary text</small></h5></td>
94 </tr>
93 </tr>
95 <tr>
94 <tr>
96 <td><h6>h6. RhodeCode heading <small>Secondary text</small></h6></td>
95 <td><h6>h6. RhodeCode heading <small>Secondary text</small></h6></td>
97 </tr>
96 </tr>
98 </tbody>
97 </tbody>
99 </table>
98 </table>
100 </div>
99 </div>
101 <div class="highlight-html"><xmp>
100 <div class="highlight-html"><xmp>
102 <h1>h1. RhodeCode heading <small>Secondary text</small></h1>
101 <h1>h1. RhodeCode heading <small>Secondary text</small></h1>
103 <h2>h2. RhodeCode heading <small>Secondary text</small></h2>
102 <h2>h2. RhodeCode heading <small>Secondary text</small></h2>
104 <h3>h3. RhodeCode heading <small>Secondary text</small></h3>
103 <h3>h3. RhodeCode heading <small>Secondary text</small></h3>
105 <h4>h4. RhodeCode heading <small>Secondary text</small></h4>
104 <h4>h4. RhodeCode heading <small>Secondary text</small></h4>
106 <h5>h5. RhodeCode heading <small>Secondary text</small></h5>
105 <h5>h5. RhodeCode heading <small>Secondary text</small></h5>
107 <h6>h6. RhodeCode heading <small>Secondary text</small></h6>
106 <h6>h6. RhodeCode heading <small>Secondary text</small></h6>
108 </xmp></div> <!-- end highlight -->
107 </xmp></div> <!-- end highlight -->
109
108
110
109
111 <!-- Body copy -->
110 <!-- Body copy -->
112 <h2 id="type-body-copy">Body copy</h2>
111 <h2 id="type-body-copy">Body copy</h2>
113 <p>RhodeCode's global default <code>font-size</code> is <strong>13px</strong>, with a <code>line-height</code> of <strong>2em</strong>. This is applied to the <code>&lt;body&gt;</code> and all paragraphs. In addition, <code>&lt;p&gt;</code> (paragraphs) receive a bottom margin of designated by @textmargin (20px).</p>
112 <p>RhodeCode's global default <code>font-size</code> is <strong>13px</strong>, with a <code>line-height</code> of <strong>2em</strong>. This is applied to the <code>&lt;body&gt;</code> and all paragraphs. In addition, <code>&lt;p&gt;</code> (paragraphs) receive a bottom margin of designated by @textmargin (20px).</p>
114 <div class="bs-example" data-example-id="body-copy">
113 <div class="bs-example" data-example-id="body-copy">
115 <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
114 <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
116 <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.</p>
115 <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.</p>
117 <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
116 <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
118 </div>
117 </div>
119 <div class="highlight-html"><xmp>
118 <div class="highlight-html"><xmp>
120 <p>...</p>
119 <p>...</p>
121 </xmp></div> <!-- end highlight -->
120 </xmp></div> <!-- end highlight -->
122
121
123 <!-- Body copy .lead -->
122 <!-- Body copy .lead -->
124 <h3>Lead body copy</h3>
123 <h3>Lead body copy</h3>
125 <p>Make a paragraph stand out by adding <code>.lead</code>.</p>
124 <p>Make a paragraph stand out by adding <code>.lead</code>.</p>
126 <div class="bs-example" data-example-id="lead-copy">
125 <div class="bs-example" data-example-id="lead-copy">
127 <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</p>
126 <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</p>
128 </div>
127 </div>
129 <div class="highlight-html"><xmp>
128 <div class="highlight-html"><xmp>
130 <p class="lead">...</p>
129 <p class="lead">...</p>
131 </xmp></div> <!-- end highlight -->
130 </xmp></div> <!-- end highlight -->
132
131
133 <!-- Using Less -->
132 <!-- Using Less -->
134 <h3>Built with Less</h3>
133 <h3>Built with Less</h3>
135 <p>The typographic scale is based on Less variables in <strong>variables.less</strong>. Font sizes are calculated from <code>@basefontsize</code>, line-heights are calculated with em, and font families are handled by:
134 <p>The typographic scale is based on Less variables in <strong>variables.less</strong>. Font sizes are calculated from <code>@basefontsize</code>, line-heights are calculated with em, and font families are handled by:
136 <ul class="list-unstyled">
135 <ul class="list-unstyled">
137 <li><code>@text-regular</code></li>
136 <li><code>@text-regular</code></li>
138 <li><code>@text-italic</code></li>
137 <li><code>@text-italic</code></li>
139 <li><code>@text-bold</code></li>
138 <li><code>@text-bold</code></li>
140 <li><code>@text-semibold</code></li>
139 <li><code>@text-semibold</code></li>
141 <li><code>@text-bold-italic</code></li>
140 <li><code>@text-bold-italic</code></li>
142 <li><code>@text-light</code></li>
141 <li><code>@text-light</code></li>
143 <li><code>@text-light-italic</code></li>
142 <li><code>@text-light-italic</code></li>
144 </ul>
143 </ul>
145 </p>
144 </p>
146
145
147 <!-- Inline text elements -->
146 <!-- Inline text elements -->
148 <h2 id="type-inline-text">Inline text elements</h2>
147 <h2 id="type-inline-text">Inline text elements</h2>
149 <h3>Marked text</h3>
148 <h3>Marked text</h3>
150 <p>For highlighting a run of text due to its relevance in another context, use the <code>&lt;mark&gt;</code> tag.</p>
149 <p>For highlighting a run of text due to its relevance in another context, use the <code>&lt;mark&gt;</code> tag.</p>
151 <div class="bs-example" data-example-id="simple-mark">
150 <div class="bs-example" data-example-id="simple-mark">
152 <p>You can use the mark tag to <mark>highlight</mark> text.</p>
151 <p>You can use the mark tag to <mark>highlight</mark> text.</p>
153 </div>
152 </div>
154 <div class="highlight-html"><xmp>
153 <div class="highlight-html"><xmp>
155 You can use the mark tag to <mark>highlight</mark> text.
154 You can use the mark tag to <mark>highlight</mark> text.
156 </xmp></div> <!-- end highlight -->
155 </xmp></div> <!-- end highlight -->
157
156
158
157
159 <h3>Deleted text</h3>
158 <h3>Deleted text</h3>
160 <p>For indicating blocks of text that have been deleted use the <code>&lt;del&gt;</code> tag.</p>
159 <p>For indicating blocks of text that have been deleted use the <code>&lt;del&gt;</code> tag.</p>
161 <div class="bs-example" data-example-id="simple-del">
160 <div class="bs-example" data-example-id="simple-del">
162 <p><del>This line of text is meant to be treated as deleted text.</del></p>
161 <p><del>This line of text is meant to be treated as deleted text.</del></p>
163 </div>
162 </div>
164 <div class="highlight-html"><xmp>
163 <div class="highlight-html"><xmp>
165 <del>This line of text is meant to be treated as deleted text.</del>
164 <del>This line of text is meant to be treated as deleted text.</del>
166 </xmp></div> <!-- end highlight -->
165 </xmp></div> <!-- end highlight -->
167
166
168 <h3>Strikethrough text</h3>
167 <h3>Strikethrough text</h3>
169 <p>For indicating blocks of text that are no longer relevant use the <code>&lt;s&gt;</code> tag.</p>
168 <p>For indicating blocks of text that are no longer relevant use the <code>&lt;s&gt;</code> tag.</p>
170 <div class="bs-example" data-example-id="simple-s">
169 <div class="bs-example" data-example-id="simple-s">
171 <p><s>This line of text is meant to be treated as no longer accurate.</s></p>
170 <p><s>This line of text is meant to be treated as no longer accurate.</s></p>
172 </div>
171 </div>
173 <div class="highlight-html"><xmp>
172 <div class="highlight-html"><xmp>
174 <s>This line of text is meant to be treated as no longer accurate.</s>
173 <s>This line of text is meant to be treated as no longer accurate.</s>
175 </xmp></div> <!-- end highlight -->
174 </xmp></div> <!-- end highlight -->
176
175
177 <h3>Inserted text</h3>
176 <h3>Inserted text</h3>
178 <p>For indicating additions to the document use the <code>&lt;ins&gt;</code> tag.</p>
177 <p>For indicating additions to the document use the <code>&lt;ins&gt;</code> tag.</p>
179 <div class="bs-example" data-example-id="simple-ins">
178 <div class="bs-example" data-example-id="simple-ins">
180 <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
179 <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
181 </div>
180 </div>
182 <div class="highlight-html"><xmp>
181 <div class="highlight-html"><xmp>
183 <ins>This line of text is meant to be treated as an addition to the document.</ins>
182 <ins>This line of text is meant to be treated as an addition to the document.</ins>
184 </xmp></div> <!-- end highlight -->
183 </xmp></div> <!-- end highlight -->
185
184
186 <h3>Underlined text</h3>
185 <h3>Underlined text</h3>
187 <p>To underline text use the <code>&lt;u&gt;</code> tag.</p>
186 <p>To underline text use the <code>&lt;u&gt;</code> tag.</p>
188 <div class="bs-example" data-example-id="simple-u">
187 <div class="bs-example" data-example-id="simple-u">
189 <p><u>This line of text will render as underlined</u></p>
188 <p><u>This line of text will render as underlined</u></p>
190 </div>
189 </div>
191 <div class="highlight-html"><xmp>
190 <div class="highlight-html"><xmp>
192 <u>This line of text will render as underlined</u>
191 <u>This line of text will render as underlined</u>
193 </xmp></div> <!-- end highlight -->
192 </xmp></div> <!-- end highlight -->
194
193
195 <p>Make use of HTML's default emphasis tags with lightweight styles.</p>
194 <p>Make use of HTML's default emphasis tags with lightweight styles.</p>
196
195
197 <h3>Small text</h3>
196 <h3>Small text</h3>
198 <p>For de-emphasizing inline or blocks of text, use the <code>&lt;small&gt;</code> tag to set text at 85% the size of the parent. Heading elements receive their own <code>font-size</code> for nested <code>&lt;small&gt;</code> elements.</p>
197 <p>For de-emphasizing inline or blocks of text, use the <code>&lt;small&gt;</code> tag to set text at 85% the size of the parent. Heading elements receive their own <code>font-size</code> for nested <code>&lt;small&gt;</code> elements.</p>
199 <p>You may alternatively use an inline element with <code>.small</code> in place of any <code>&lt;small&gt;</code>.</p>
198 <p>You may alternatively use an inline element with <code>.small</code> in place of any <code>&lt;small&gt;</code>.</p>
200 <div class="bs-example" data-example-id="simple-small">
199 <div class="bs-example" data-example-id="simple-small">
201 <p><small>This line of text is meant to be treated as fine print.</small></p>
200 <p><small>This line of text is meant to be treated as fine print.</small></p>
202 </div>
201 </div>
203 <div class="highlight-html"><xmp>
202 <div class="highlight-html"><xmp>
204 <small>This line of text is meant to be treated as fine print.</small>
203 <small>This line of text is meant to be treated as fine print.</small>
205 </xmp></div> <!-- end highlight -->
204 </xmp></div> <!-- end highlight -->
206
205
207
206
208 <h3>Bold</h3>
207 <h3>Bold</h3>
209 <p>For emphasizing a snippet of text with a heavier font-weight.</p>
208 <p>For emphasizing a snippet of text with a heavier font-weight.</p>
210 <div class="bs-example" data-example-id="simple-strong">
209 <div class="bs-example" data-example-id="simple-strong">
211 <p>The following snippet of text is <strong>rendered as bold text</strong>.</p>
210 <p>The following snippet of text is <strong>rendered as bold text</strong>.</p>
212 </div>
211 </div>
213 <div class="highlight-html"><xmp>
212 <div class="highlight-html"><xmp>
214 <strong>rendered as bold text</strong>
213 <strong>rendered as bold text</strong>
215 </xmp></div> <!-- end highlight -->
214 </xmp></div> <!-- end highlight -->
216
215
217 <h3>Italics</h3>
216 <h3>Italics</h3>
218 <p>For emphasizing a snippet of text with italics.</p>
217 <p>For emphasizing a snippet of text with italics.</p>
219 <div class="bs-example" data-example-id="simple-em">
218 <div class="bs-example" data-example-id="simple-em">
220 <p>The following snippet of text is <em>rendered as italicized text</em>.</p>
219 <p>The following snippet of text is <em>rendered as italicized text</em>.</p>
221 </div>
220 </div>
222 <div class="highlight-html"><xmp>
221 <div class="highlight-html"><xmp>
223 <em>rendered as italicized text</em>
222 <em>rendered as italicized text</em>
224 </xmp></div> <!-- end highlight -->
223 </xmp></div> <!-- end highlight -->
225
224
226 <div class="bs-callout bs-callout-info" id="callout-type-b-i-elems">
225 <div class="bs-callout bs-callout-info" id="callout-type-b-i-elems">
227 <h4>Alternate elements</h4>
226 <h4>Alternate elements</h4>
228 <p>Feel free to use <code>&lt;b&gt;</code> and <code>&lt;i&gt;</code> in HTML5. <code>&lt;b&gt;</code> is meant to highlight words or phrases without conveying additional importance while <code>&lt;i&gt;</code> is mostly for voice, technical terms, etc.</p>
227 <p>Feel free to use <code>&lt;b&gt;</code> and <code>&lt;i&gt;</code> in HTML5. <code>&lt;b&gt;</code> is meant to highlight words or phrases without conveying additional importance while <code>&lt;i&gt;</code> is mostly for voice, technical terms, etc.</p>
229 </div>
228 </div>
230
229
231 <h2 id="type-alignment">Alignment classes</h2>
230 <h2 id="type-alignment">Alignment classes</h2>
232 <p>Easily realign text to components with text alignment classes.</p>
231 <p>Easily realign text to components with text alignment classes.</p>
233 <div class="bs-example" data-example-id="text-alignment">
232 <div class="bs-example" data-example-id="text-alignment">
234 <p class="text-left">Left aligned text.</p>
233 <p class="text-left">Left aligned text.</p>
235 <p class="text-center">Center aligned text.</p>
234 <p class="text-center">Center aligned text.</p>
236 <p class="text-right">Right aligned text.</p>
235 <p class="text-right">Right aligned text.</p>
237 <p class="text-justify">Justified text.</p>
236 <p class="text-justify">Justified text.</p>
238 <p class="text-nowrap">No wrap text.</p>
237 <p class="text-nowrap">No wrap text.</p>
239 </div>
238 </div>
240 <div class="highlight-html"><xmp>
239 <div class="highlight-html"><xmp>
241 <p class="text-left">Left aligned text.</p>
240 <p class="text-left">Left aligned text.</p>
242 <p class="text-center">Center aligned text.</p>
241 <p class="text-center">Center aligned text.</p>
243 <p class="text-right">Right aligned text.</p>
242 <p class="text-right">Right aligned text.</p>
244 <p class="text-justify">Justified text.</p>
243 <p class="text-justify">Justified text.</p>
245 <p class="text-nowrap">No wrap text.</p>
244 <p class="text-nowrap">No wrap text.</p>
246 </xmp></div> <!-- end highlight -->
245 </xmp></div> <!-- end highlight -->
247
246
248 <h2 id="type-transformation">Transformation classes</h2>
247 <h2 id="type-transformation">Transformation classes</h2>
249 <p>Transform text in components with text capitalization classes.</p>
248 <p>Transform text in components with text capitalization classes.</p>
250 <div class="bs-example" data-example-id="text-capitalization">
249 <div class="bs-example" data-example-id="text-capitalization">
251 <p class="text-lowercase">Lowercased text.</p>
250 <p class="text-lowercase">Lowercased text.</p>
252 <p class="text-uppercase">Uppercased text.</p>
251 <p class="text-uppercase">Uppercased text.</p>
253 <p class="text-capitalize">Capitalized text.</p>
252 <p class="text-capitalize">Capitalized text.</p>
254 </div>
253 </div>
255 <div class="highlight-html"><xmp>
254 <div class="highlight-html"><xmp>
256 <p class="text-lowercase">Lowercased text.</p>
255 <p class="text-lowercase">Lowercased text.</p>
257 <p class="text-uppercase">Uppercased text.</p>
256 <p class="text-uppercase">Uppercased text.</p>
258 <p class="text-capitalize">Capitalized text.</p>
257 <p class="text-capitalize">Capitalized text.</p>
259 </xmp></div> <!-- end highlight -->
258 </xmp></div> <!-- end highlight -->
260
259
261 <!-- Abbreviations -->
260 <!-- Abbreviations -->
262 <h2 id="type-abbreviations">Abbreviations</h2>
261 <h2 id="type-abbreviations">Abbreviations</h2>
263 <p>Stylized implementation of HTML's <code>&lt;abbr&gt;</code> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies.</p>
262 <p>Stylized implementation of HTML's <code>&lt;abbr&gt;</code> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies.</p>
264
263
265 <h3>Basic abbreviation</h3>
264 <h3>Basic abbreviation</h3>
266 <div class="bs-example" data-example-id="simple-abbr">
265 <div class="bs-example" data-example-id="simple-abbr">
267 <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
266 <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
268 </div>
267 </div>
269 <div class="highlight-html"><xmp>
268 <div class="highlight-html"><xmp>
270 <abbr title="attribute">attr</abbr>
269 <abbr title="attribute">attr</abbr>
271 </xmp></div> <!-- end highlight -->
270 </xmp></div> <!-- end highlight -->
272
271
273 <h3>Initialism</h3>
272 <h3>Initialism</h3>
274 <p>Add <code>.initialism</code> to an abbreviation for a slightly smaller font-size.</p>
273 <p>Add <code>.initialism</code> to an abbreviation for a slightly smaller font-size.</p>
275 <div class="bs-example" data-example-id="simple-initialism">
274 <div class="bs-example" data-example-id="simple-initialism">
276 <p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr> is the best thing since sliced bread.</p>
275 <p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr> is the best thing since sliced bread.</p>
277 </div>
276 </div>
278 <div class="highlight-html"><xmp>
277 <div class="highlight-html"><xmp>
279 <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
278 <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
280 </xmp></div> <!-- end highlight -->
279 </xmp></div> <!-- end highlight -->
281
280
282
281
283 <!-- Addresses -->
282 <!-- Addresses -->
284 <h2 id="type-addresses">Addresses</h2>
283 <h2 id="type-addresses">Addresses</h2>
285 <p>Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <code>&lt;br&gt;</code>.</p>
284 <p>Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <code>&lt;br&gt;</code>.</p>
286 <div class="bs-example" data-example-id="simple-address">
285 <div class="bs-example" data-example-id="simple-address">
287 <address>
286 <address>
288 <strong>Twitter, Inc.</strong><br>
287 <strong>Twitter, Inc.</strong><br>
289 795 Folsom Ave, Suite 600<br>
288 795 Folsom Ave, Suite 600<br>
290 San Francisco, CA 94107<br>
289 San Francisco, CA 94107<br>
291 <abbr title="Phone">P:</abbr> (123) 456-7890
290 <abbr title="Phone">P:</abbr> (123) 456-7890
292 </address>
291 </address>
293 <address>
292 <address>
294 <strong>Full Name</strong><br>
293 <strong>Full Name</strong><br>
295 <a href="mailto:#">first.last@example.com</a>
294 <a href="mailto:#">first.last@example.com</a>
296 </address>
295 </address>
297 </div>
296 </div>
298 <div class="highlight-html"><xmp>
297 <div class="highlight-html"><xmp>
299 <address>
298 <address>
300 <strong>Twitter, Inc.</strong><br>
299 <strong>Twitter, Inc.</strong><br>
301 795 Folsom Ave, Suite 600<br>
300 795 Folsom Ave, Suite 600<br>
302 San Francisco, CA 94107<br>
301 San Francisco, CA 94107<br>
303 <abbr title="Phone">P:</abbr> (123) 456-7890
302 <abbr title="Phone">P:</abbr> (123) 456-7890
304 </address>
303 </address>
305
304
306 <address>
305 <address>
307 <strong>Full Name</strong><br>
306 <strong>Full Name</strong><br>
308 <a href="mailto:#">first.last@example.com</a>
307 <a href="mailto:#">first.last@example.com</a>
309 </address>
308 </address>
310 </xmp></div> <!-- end highlight -->
309 </xmp></div> <!-- end highlight -->
311
310
312
311
313 <!-- Blockquotes -->
312 <!-- Blockquotes -->
314 <h2 id="type-blockquotes">Blockquotes</h2>
313 <h2 id="type-blockquotes">Blockquotes</h2>
315 <p>For quoting blocks of content from another source within your document.</p>
314 <p>For quoting blocks of content from another source within your document.</p>
316
315
317 <h3>Default blockquote</h3>
316 <h3>Default blockquote</h3>
318 <p>Wrap <code>&lt;blockquote&gt;</code> around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote. For straight quotes, we recommend a <code>&lt;p&gt;</code>.</p>
317 <p>Wrap <code>&lt;blockquote&gt;</code> around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote. For straight quotes, we recommend a <code>&lt;p&gt;</code>.</p>
319 <div class="bs-example" data-example-id="simple-blockquote">
318 <div class="bs-example" data-example-id="simple-blockquote">
320 <blockquote>
319 <blockquote>
321 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
320 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
322 </blockquote>
321 </blockquote>
323 </div>
322 </div>
324 <div class="highlight-html"><xmp>
323 <div class="highlight-html"><xmp>
325 <blockquote>
324 <blockquote>
326 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
325 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
327 </blockquote>
326 </blockquote>
328 </xmp></div> <!-- end highlight -->
327 </xmp></div> <!-- end highlight -->
329
328
330 <h3>Blockquote options</h3>
329 <h3>Blockquote options</h3>
331 <p>Style and content changes for simple variations on a standard <code>&lt;blockquote&gt;</code>.</p>
330 <p>Style and content changes for simple variations on a standard <code>&lt;blockquote&gt;</code>.</p>
332
331
333 <h4>Naming a source</h4>
332 <h4>Naming a source</h4>
334 <p>Add a <code>&lt;footer&gt;</code> for identifying the source. Wrap the name of the source work in <code>&lt;cite&gt;</code>.</p>
333 <p>Add a <code>&lt;footer&gt;</code> for identifying the source. Wrap the name of the source work in <code>&lt;cite&gt;</code>.</p>
335 <div class="bs-example" data-example-id="blockquote-cite">
334 <div class="bs-example" data-example-id="blockquote-cite">
336 <blockquote>
335 <blockquote>
337 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
336 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
338 <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
337 <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
339 </blockquote>
338 </blockquote>
340 </div>
339 </div>
341 <div class="highlight-html"><xmp>
340 <div class="highlight-html"><xmp>
342 <blockquote>
341 <blockquote>
343 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
342 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
344 <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
343 <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
345 </blockquote>
344 </blockquote>
346 </xmp></div> <!-- end highlight -->
345 </xmp></div> <!-- end highlight -->
347
346
348 <h4>Alternate displays</h4>
347 <h4>Alternate displays</h4>
349 <p>Add <code>.blockquote-reverse</code> for a blockquote with right-aligned content.</p>
348 <p>Add <code>.blockquote-reverse</code> for a blockquote with right-aligned content.</p>
350 <div class="bs-example" style="overflow: hidden;" data-example-id="blockquote-reverse">
349 <div class="bs-example" style="overflow: hidden;" data-example-id="blockquote-reverse">
351 <blockquote class="blockquote-reverse">
350 <blockquote class="blockquote-reverse">
352 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
351 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
353 <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
352 <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
354 </blockquote>
353 </blockquote>
355 </div>
354 </div>
356 <div class="highlight-html"><xmp>
355 <div class="highlight-html"><xmp>
357 <blockquote class="blockquote-reverse">
356 <blockquote class="blockquote-reverse">
358 ...
357 ...
359 </blockquote>
358 </blockquote>
360 </xmp></div> <!-- end highlight -->
359 </xmp></div> <!-- end highlight -->
361
360
362 <h2>Tooltip</h2>
361 <h2>Tooltip</h2>
363 <p>Any element with a class <code>tooltip</code> and a <code>title</code> attribute will replaced with the custom tooltip via Javascript. <br />Tooltips should be used with care as touch devices won't activate them.
362 <p>Any element with a class <code>tooltip</code> and a <code>title</code> attribute will replaced with the custom tooltip via Javascript. <br />Tooltips should be used with care as touch devices won't activate them.
364 </p>
363 </p>
365 <div class="bs-example">
364 <div class="bs-example">
366 <p class="tooltip" title="I am a tooltip in a `p`">Hover me, please!</p>
365 <p class="tooltip" title="I am a tooltip in a `p`">Hover me, please!</p>
367 </div>
366 </div>
368
367
369 <!-- Lists -->
368 <!-- Lists -->
370 <h2 id="type-lists">Lists</h2>
369 <h2 id="type-lists">Lists</h2>
371
370
372 <h3>Unordered</h3>
371 <h3>Unordered</h3>
373 <p>A list of items in which the order does <em>not</em> explicitly matter.</p>
372 <p>A list of items in which the order does <em>not</em> explicitly matter.</p>
374 <div class="bs-example" data-example-id="simple-ul">
373 <div class="bs-example" data-example-id="simple-ul">
375 <ul>
374 <ul>
376 <li>Lorem ipsum dolor sit amet</li>
375 <li>Lorem ipsum dolor sit amet</li>
377 <li>Consectetur adipiscing elit</li>
376 <li>Consectetur adipiscing elit</li>
378 <li>Integer molestie lorem at massa</li>
377 <li>Integer molestie lorem at massa</li>
379 <li>Facilisis in pretium nisl aliquet</li>
378 <li>Facilisis in pretium nisl aliquet</li>
380 <li>Nulla volutpat aliquam velit
379 <li>Nulla volutpat aliquam velit
381 <ul>
380 <ul>
382 <li>Phasellus iaculis neque</li>
381 <li>Phasellus iaculis neque</li>
383 <li>Purus sodales ultricies</li>
382 <li>Purus sodales ultricies</li>
384 <li>Vestibulum laoreet porttitor sem</li>
383 <li>Vestibulum laoreet porttitor sem</li>
385 <li>Ac tristique libero volutpat at</li>
384 <li>Ac tristique libero volutpat at</li>
386 </ul>
385 </ul>
387 </li>
386 </li>
388 <li>Faucibus porta lacus fringilla vel</li>
387 <li>Faucibus porta lacus fringilla vel</li>
389 <li>Aenean sit amet erat nunc</li>
388 <li>Aenean sit amet erat nunc</li>
390 <li>Eget porttitor lorem</li>
389 <li>Eget porttitor lorem</li>
391 </ul>
390 </ul>
392 </div>
391 </div>
393 <div class="highlight-html"><xmp>
392 <div class="highlight-html"><xmp>
394 <ul>
393 <ul>
395 <li>...</li>
394 <li>...</li>
396 </ul>
395 </ul>
397 </xmp></div> <!-- end highlight -->
396 </xmp></div> <!-- end highlight -->
398
397
399 <h3>Ordered</h3>
398 <h3>Ordered</h3>
400 <p>A list of items in which the order <em>does</em> explicitly matter.</p>
399 <p>A list of items in which the order <em>does</em> explicitly matter.</p>
401 <div class="bs-example" data-example-id="simple-ol">
400 <div class="bs-example" data-example-id="simple-ol">
402 <ol>
401 <ol>
403 <li>Lorem ipsum dolor sit amet</li>
402 <li>Lorem ipsum dolor sit amet</li>
404 <li>Consectetur adipiscing elit</li>
403 <li>Consectetur adipiscing elit</li>
405 <li>Integer molestie lorem at massa</li>
404 <li>Integer molestie lorem at massa</li>
406 <li>Facilisis in pretium nisl aliquet</li>
405 <li>Facilisis in pretium nisl aliquet</li>
407 <li>Nulla volutpat aliquam velit</li>
406 <li>Nulla volutpat aliquam velit</li>
408 <li>Faucibus porta lacus fringilla vel</li>
407 <li>Faucibus porta lacus fringilla vel</li>
409 <li>Aenean sit amet erat nunc</li>
408 <li>Aenean sit amet erat nunc</li>
410 <li>Eget porttitor lorem</li>
409 <li>Eget porttitor lorem</li>
411 </ol>
410 </ol>
412 </div>
411 </div>
413 <div class="highlight-html"><xmp>
412 <div class="highlight-html"><xmp>
414 <ol>
413 <ol>
415 <li>...</li>
414 <li>...</li>
416 </ol>
415 </ol>
417 </xmp></div> <!-- end highlight -->
416 </xmp></div> <!-- end highlight -->
418
417
419 <h3>Unstyled</h3>
418 <h3>Unstyled</h3>
420 <p>Remove the default <code>list-style</code> and left margin on list items (immediate children only). <strong>This only applies to immediate children list items</strong>, meaning you will need to add the class for any nested lists as well.< /p>
419 <p>Remove the default <code>list-style</code> and left margin on list items (immediate children only). <strong>This only applies to immediate children list items</strong>, meaning you will need to add the class for any nested lists as well.< /p>
421 <div class="bs-example" data-example-id="unstyled-list">
420 <div class="bs-example" data-example-id="unstyled-list">
422 <ul class="list-unstyled">
421 <ul class="list-unstyled">
423 <li>Lorem ipsum dolor sit amet</li>
422 <li>Lorem ipsum dolor sit amet</li>
424 <li>Consectetur adipiscing elit</li>
423 <li>Consectetur adipiscing elit</li>
425 <li>Integer molestie lorem at massa</li>
424 <li>Integer molestie lorem at massa</li>
426 <li>Facilisis in pretium nisl aliquet</li>
425 <li>Facilisis in pretium nisl aliquet</li>
427 <li>Nulla volutpat aliquam velit
426 <li>Nulla volutpat aliquam velit
428 <ul>
427 <ul>
429 <li>Phasellus iaculis neque</li>
428 <li>Phasellus iaculis neque</li>
430 <li>Purus sodales ultricies</li>
429 <li>Purus sodales ultricies</li>
431 <li>Vestibulum laoreet porttitor sem</li>
430 <li>Vestibulum laoreet porttitor sem</li>
432 <li>Ac tristique libero volutpat at</li>
431 <li>Ac tristique libero volutpat at</li>
433 </ul>
432 </ul>
434 </li>
433 </li>
435 <li>Faucibus porta lacus fringilla vel</li>
434 <li>Faucibus porta lacus fringilla vel</li>
436 <li>Aenean sit amet erat nunc</li>
435 <li>Aenean sit amet erat nunc</li>
437 <li>Eget porttitor lorem</li>
436 <li>Eget porttitor lorem</li>
438 </ul>
437 </ul>
439 </div>
438 </div>
440 <div class="highlight-html"><xmp>
439 <div class="highlight-html"><xmp>
441 <ul class="list-unstyled">
440 <ul class="list-unstyled">
442 <li>...</li>
441 <li>...</li>
443 </ul>
442 </ul>
444 </xmp></div> <!-- end highlight -->
443 </xmp></div> <!-- end highlight -->
445
444
446 <h3>Inline</h3>
445 <h3>Inline</h3>
447 <p>Place all list items on a single line with <code>display: inline-block;</code> and some light padding.</p>
446 <p>Place all list items on a single line with <code>display: inline-block;</code> and some light padding.</p>
448 <div class="bs-example" data-example-id="list-inline">
447 <div class="bs-example" data-example-id="list-inline">
449 <ul class="list-inline">
448 <ul class="list-inline">
450 <li>Lorem ipsum</li>
449 <li>Lorem ipsum</li>
451 <li>Phasellus iaculis</li>
450 <li>Phasellus iaculis</li>
452 <li>Nulla volutpat</li>
451 <li>Nulla volutpat</li>
453 </ul>
452 </ul>
454 </div>
453 </div>
455 <div class="highlight-html"><xmp>
454 <div class="highlight-html"><xmp>
456 <ul class="list-inline">
455 <ul class="list-inline">
457 <li>...</li>
456 <li>...</li>
458 </ul>
457 </ul>
459 </xmp></div> <!-- end highlight -->
458 </xmp></div> <!-- end highlight -->
460
459
461 <h3>Description</h3>
460 <h3>Description</h3>
462 <p>A list of terms with their associated descriptions.</p>
461 <p>A list of terms with their associated descriptions.</p>
463 <div class="bs-example" data-example-id="simple-dl">
462 <div class="bs-example" data-example-id="simple-dl">
464 <dl>
463 <dl>
465 <dt>Description lists</dt>
464 <dt>Description lists</dt>
466 <dd>A description list is perfect for defining terms.</dd>
465 <dd>A description list is perfect for defining terms.</dd>
467 <dt>Euismod</dt>
466 <dt>Euismod</dt>
468 <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
467 <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
469 <dd>Donec id elit non mi porta gravida at eget metus.</dd>
468 <dd>Donec id elit non mi porta gravida at eget metus.</dd>
470 <dt>Malesuada porta</dt>
469 <dt>Malesuada porta</dt>
471 <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
470 <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
472 </dl>
471 </dl>
473 </div>
472 </div>
474 <div class="highlight-html"><xmp>
473 <div class="highlight-html"><xmp>
475 <dl>
474 <dl>
476 <dt>...</dt>
475 <dt>...</dt>
477 <dd>...</dd>
476 <dd>...</dd>
478 </dl>
477 </dl>
479 </xmp></div> <!-- end highlight -->
478 </xmp></div> <!-- end highlight -->
480
479
481 <h4>Horizontal description</h4>
480 <h4>Horizontal description</h4>
482 <p>Make terms and descriptions in <code>&lt;dl&gt;</code> line up side-by-side. Starts off stacked like default <code>&lt;dl&gt;</code>s, but when the navbar expands, so do these. This really only looks good if there is one line for the definition and one for the term.</p>
481 <p>Make terms and descriptions in <code>&lt;dl&gt;</code> line up side-by-side. Starts off stacked like default <code>&lt;dl&gt;</code>s, but when the navbar expands, so do these. This really only looks good if there is one line for the definition and one for the term.</p>
483 <div class="bs-example" data-example-id="horizontal-dl">
482 <div class="bs-example" data-example-id="horizontal-dl">
484 <dl class="dl-horizontal">
483 <dl class="dl-horizontal">
485 <dt>Description lists</dt>
484 <dt>Description lists</dt>
486 <dd>A description list is perfect for defining terms.</dd>
485 <dd>A description list is perfect for defining terms.</dd>
487 <dt>Donec id elit non mi porta gravida at eget metus.</dt>
486 <dt>Donec id elit non mi porta gravida at eget metus.</dt>
488 <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
487 <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
489 <dd>Donec id elit non mi porta gravida at eget metus.</dd>
488 <dd>Donec id elit non mi porta gravida at eget metus.</dd>
490 <dt>Malesuada porta</dt>
489 <dt>Malesuada porta</dt>
491 <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
490 <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
492 <dt>Felis euismod semper eget lacinia</dt>
491 <dt>Felis euismod semper eget lacinia</dt>
493 <dd>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
492 <dd>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
494 </dl>
493 </dl>
495 </div>
494 </div>
496 <div class="highlight-html"><xmp>
495 <div class="highlight-html"><xmp>
497 <dl class="dl-horizontal">
496 <dl class="dl-horizontal">
498 <dt>...</dt>
497 <dt>...</dt>
499 <dd>...</dd>
498 <dd>...</dd>
500 </dl>
499 </dl>
501 </xmp></div> <!-- end highlight -->
500 </xmp></div> <!-- end highlight -->
502
501
503 </div>
502 </div>
504
503
505 </div>
504 </div>
506 </div>
505 </div>
507 </%def>
506 </%def>
General Comments 0
You need to be logged in to leave comments. Login now