LEFT | RIGHT |
1 <div class="charm yui3-g"> | 1 <div class="charm yui3-g"> |
2 <div class="content yui3-u-{{#if isFullscreen}}5-6{{else}}1{{/if}}"> | 2 <div class="content yui3-u-{{#if isFullscreen}}5-6{{else}}1{{/if}}"> |
3 <div class="nav"> | 3 <div class="nav"> |
4 <a href="" class="back">{{#if isFullscreen}}Back{{else}}Close{{/if}}
</a> | 4 <a href="" class="back">{{#if isFullscreen}}Back{{else}}Close{{/if}}
</a> |
5 <a href="" class="add">Add</a> | 5 <a href="" class="add">Add</a> |
6 <a href="" class="share"> | 6 <a href="" class="share"> |
7 <img src="/juju-ui/assets/images/share_icon.jpg" alt="Share" /> | 7 <img src="/juju-ui/assets/images/share_icon.jpg" alt="Share" /> |
8 </a> | 8 </a> |
9 </div> | 9 </div> |
10 | 10 |
11 <div class="heading yui3-g"> | 11 <div class="heading yui3-g"> |
12 <div class="yui3-u"> | 12 <div class="yui3-u"> |
13 <img src="data:image/svg;base64,{{ icon }}" alt="{{ name }} icon
"> | 13 {{#if icon }} |
| 14 <img src="data:image/svg;base64,{{ icon }}" alt="{{ name }}
icon"> |
| 15 {{else}} |
| 16 <div class="charm-icon"></div> |
| 17 {{/if}} |
14 </div> | 18 </div> |
15 <div class="charm-details yui3-u-1-2"> | 19 <div class="charm-details yui3-u-1-2"> |
16 <h1>{{ name }}</h1> | 20 <h1>{{ name }}</h1> |
17 <dl> | 21 <dl> |
18 <dt>Recent activity</dt> | 22 <dt>Recent activity</dt> |
19 <dd> | 23 <dd> |
20 <strong>{{ recent_download_count }}</strong> | 24 <strong>{{ recent_download_count }}</strong> |
21 {{pluralize 'download' recent_download_count}}, | 25 {{pluralize 'download' recent_download_count}}, |
22 <strong>{{ recent_commit_count }}</strong> | 26 <strong>{{ recent_commit_count }}</strong> |
23 {{pluralize 'commit' recent_commit_count}} | 27 {{pluralize 'commit' recent_commit_count}} |
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
102 <li><a href="#bws-readme" class="bws-readme">Readme</a></li> | 106 <li><a href="#bws-readme" class="bws-readme">Readme</a></li> |
103 <li><a href="#bws-interfaces" class="bws-interfaces">Interfaces<
/a></li> | 107 <li><a href="#bws-interfaces" class="bws-interfaces">Interfaces<
/a></li> |
104 <li><a href="#bws-configuration" class="bws-configuration">Confi
guration</a></li> | 108 <li><a href="#bws-configuration" class="bws-configuration">Confi
guration</a></li> |
105 <li><a href="#bws-qa" class="bws-qa">Quality</a></li> | 109 <li><a href="#bws-qa" class="bws-qa">Quality</a></li> |
106 <li><a href="#bws-hooks" class="bws-hooks">Hooks</a></li> | 110 <li><a href="#bws-hooks" class="bws-hooks">Hooks</a></li> |
107 </ul> | 111 </ul> |
108 <div> | 112 <div> |
109 <div id="bws-readme">Readme</div> | 113 <div id="bws-readme">Readme</div> |
110 <div id="bws-interfaces"> | 114 <div id="bws-interfaces"> |
111 <p class="intro"> | 115 <p class="intro"> |
112 {{#unless requires}} | 116 Interfaces determine how this charm relates to other cha
rms. A relationship between charms can only be made if they share a common inter
face.· |
113 {{#if provides}} | 117 {{#if interfaceIntro.noRequiresNoProvides}} |
114 Interfaces determine how this charm relates to | 118 <br /> |
115 other charms. A relationship between charms can | 119 <br /> |
116 only be made if they share a common interface. | 120 This charm does not have any interfaces. |
117 This charm requires certain interfaces to be | 121 {{/if}} |
118 provided by other charms. Similarly, this charm | 122 {{#if interfaceIntro.noRequiresOneProvides}} |
119 provides other interfaces that can be used by | 123 This charm provides only one interface to another ch
arm. |
120 other charms. | 124 {{/if}} |
121 {{else}} | 125 {{#if interfaceIntro.noRequiresManyProvides}} |
122 Interfaces determine how this charm relates to | 126 This charm requires no interfaces to be provided by
other charms, but provides several interfaces that can be used by other charms. |
123 other charms. A relationship between charms can | 127 {{/if}} |
124 only be made if they share a common interface. | 128 {{#if interfaceIntro.oneRequiresNoProvides}} |
125 </p> | 129 This charm requires only one interface to be provide
d by another charm. |
126 <p>This charm does not have any interfaces.</p> | 130 {{/if}} |
127 {{/if}} | 131 {{#if interfaceIntro.oneRequiresOneProvides}} |
128 {{/unless}} | 132 This charm requires only one interface to be provide
d by another charm. Similarly, this charm provides one interface that can be use
d by other charms. |
| 133 {{/if}} |
| 134 {{#if interfaceIntro.oneRequiresManyProvides}} |
| 135 This charm requires only one interface to be provide
d by another charm, but provides several interfaces that can be used by other ch
arms. |
| 136 {{/if}} |
| 137 {{#if interfaceIntro.manyRequiresNoProvides}} |
| 138 This charm requires certain interfaces to be provide
d by other charms, but provides no interfaces itself. |
| 139 {{/if}} |
| 140 {{#if interfaceIntro.manyRequiresOneProvides}} |
| 141 This charm requires certain interfaces to be provide
d by other charms, but provides only one interface to another charm. |
| 142 {{/if}} |
| 143 {{#if interfaceIntro.manyRequiresManyProvides}} |
| 144 This charm requires certain interfaces to be provide
d by other charms. Similarly, this charm provides other interfaces that can be u
sed by other charms. |
| 145 {{/if}} |
129 </p> | 146 </p> |
130 {{#if requires}} | 147 {{#if requires}} |
131 <div class="yui3-g"> | 148 <div class="yui3-g"> |
132 <div class="interfaces-heading yui3-u-1"> | 149 <div class="interfaces-heading yui3-u-1"> |
133 <h3>Requiress</h3> | 150 <h3>Requires</h3> |
134 </div> | 151 </div> |
135 </div> | 152 </div> |
136 <ul class="interface-list"> | 153 <ul class="interface-list"> |
137 {{#arrayObject requires}} | 154 {{#arrayObject requires}} |
138 <li class="interface-row yui3-g"> | 155 <li class="interface-row yui3-g"> |
139 <div class="interface yui3-u-1-3"> | 156 <div class="interface yui3-u-1-3"> |
140 <h4>{{value.interface}}</h4> | 157 <h4>{{value.interface}}</h4> |
141 <div>{{key}}</div> | 158 <div>{{key}}</div> |
142 </div> | 159 </div> |
143 </li> | 160 </li> |
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
215 <h2>Useful links</h2> | 232 <h2>Useful links</h2> |
216 <ul class="vertical-links"> | 233 <ul class="vertical-links"> |
217 <li><a href="">Juju community</a></li> | 234 <li><a href="">Juju community</a></li> |
218 <li><a href="">Online resources</a></li> | 235 <li><a href="">Online resources</a></li> |
219 <li><a href="">Write your own Charm</a></li> | 236 <li><a href="">Write your own Charm</a></li> |
220 <li><a href="">Contribute to this Charm</a></li> | 237 <li><a href="">Contribute to this Charm</a></li> |
221 </ul> | 238 </ul> |
222 </div> | 239 </div> |
223 {{/if}} | 240 {{/if}} |
224 </div> | 241 </div> |
LEFT | RIGHT |