Elgato_dark/zeppelin
1
0
Fork 0
mirror of https://github.com/apache/zeppelin synced 2026-05-24 09:38:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: Display magic, usage for spell

Browse source
This commit is contained in:
1ambda 2017-01-30 09:33:20 +09:00
parent 5be2890b20
commit 6c91892581
2 changed files with 38 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
zeppelin-web/src/app/helium/helium.css
View file

@ -51,11 +51,32 @@
margin-top: 0;
}
.heliumPackageList .heliumPackageName span {
font-size: 10px;
.heliumPackageList .heliumPackageName .heliumType {
font-size: 13px;
color: #AAAAAA;
}
.spellInfo {
margin-top: 15px;
font-size: 20px;
font-weight: bold;
}
.spellInfo .spellInfoDesc {
font-size: 13px;
color: #AAAAAA;
}
.spellInfo .spellInfoValue {
font-size: 13px;
font-style: italic;
color: #444444;
}
.spellInfo .spellUsage {
margin-top: 8px;
margin-bottom: 4px;
}
.heliumPackageList .heliumPackageDisabledArtifact {
color:gray;

16
zeppelin-web/src/app/helium/helium.html
View file

@ -50,7 +50,10 @@ limitations under the License.
<div class="heliumPackageHead">
<div class="heliumPackageIcon"
ng-bind-html=pkgInfo.pkg.icon></div>
<div class="heliumPackageName">{{pkgName}} <span>{{pkgInfo.pkg.type}}</span></div>
<div class="heliumPackageName">
{{pkgName}}
<span class="heliumType">{{pkgInfo.pkg.type}}</span>
</div>
<div ng-show="!pkgInfo.enabled"
ng-click="enable(pkgName, pkgInfo.pkg.artifact)"
class="btn btn-success btn-xs"
@ -81,6 +84,17 @@ limitations under the License.
<div class="heliumPackageDescription">
{{pkgInfo.pkg.description}}
</div>
<div ng-if="pkgInfo.pkg.type === 'SPELL' && pkgInfo.pkg.spell"
class="spellInfo">
<div>
<span class="spellInfoDesc">MAGIC</span>
<span class="spellInfoValue">{{pkgInfo.pkg.spell.magic}} </span>
</div>
<div>
<span class="spellInfoDesc">USAGE</span>
<pre class="spellUsage">{{pkgInfo.pkg.spell.usage}} </pre>
</div>
</div>
</div>
</div>
</div>