Skip to content

Instantly share code, notes, and snippets.

@dregenor

dregenor/gist:a626d7143ef0c01b7188

Created July 8, 2014 15:28
Show Gist options
  • Save dregenor/a626d7143ef0c01b7188 to your computer and use it in GitHub Desktop.
Save dregenor/a626d7143ef0c01b7188 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<link rel="icon" href="./images/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="./images/favicon.png"/>
<link rel="apple-touch-icon-precomposed" href="./images/favicon.png"/>
<link rel="stylesheet" href="./styles/all.css" />
<script type="text/javascript" src="./scripts/jquery.js"></script>
<script type="text/javascript" src="./scripts/all.js"></script>
<style>
body, html{
background-color: #2B2D2F;
font-family: Helvetica,Arial,sans-serif;
}
.normal{
padding: 40px;
}
.alter{
padding: 40px;
background-color: #E6E6E6;
}
.sizer{
width: 200px;
}
</style>
<script type="text/javascript">
MV.$(function(){
var tpl = new MV.Template({
DOMSource : 'buttons',
registeredTags : true,
rolesResult : true
});
var roles = tpl.render();
MV.$('#app').append(roles['root']);
window.roles = roles;
if (MV.Features.isTouch()) {
MV.$('html').addClass('touch');
} else {
MV.$('html').addClass('desktop');
}
if (MV.Client.isOpera()) {
MV.$('html').addClass('opera');
}
});
</script>
</head>
<body>
<div id="app">
</div>
<script type="text/x-mv-template" role="buttons">
<div class="normal">
<div>
<p>Кнопки:</p>
<p></p><mv:button class="mv-icon-confirm" >Крутая кнопка</mv:button></p>
<p><mv:button class="selected mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button class="emphasis mv-icon-confirm">Крутая кнопка</mv:button></p>
</div>
<div>
<p>Задизабленные:</p>
<p><mv:button disabled="true" class="mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button disabled="true" class="selected mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button disabled="true" class="emphasis mv-icon-confirm">Крутая кнопка</mv:button></p>
</div>
<div>
<p>В процессе:</p>
<p><mv:button class="process mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button class="selected process mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button class="emphasis process mv-icon-confirm">Крутая кнопка</mv:button></p>
</div>
</div>
<p></p>
<div class="alter">
<div>
<p>Кнопки Alter:</p>
<p><mv:button class="mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button class="selected mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button class="emphasis mv-icon-confirm">Крутая кнопка</mv:button></p>
</div>
<div>
<p>Задизабленные</p>
<p><mv:button disabled="true" class="mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button disabled="true" class="selected mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button disabled="true" class="emphasis mv-icon-confirm">Крутая кнопка</mv:button></p>
</div>
<div>
<p>В процесск</p>
<p><mv:button class="process mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button class="selected process mv-icon-confirm">Крутая кнопка</mv:button></p>
<p><mv:button class="emphasis process mv-icon-confirm">Крутая кнопка</mv:button></p>
</div>
<div>
<p>Инпут намбер</p>
<mv:input-number controls="true" value="123123" class="mv-input-number-default"></mv:input-number>
</div>
<div>
<p>Инпут</p>
<mv:input class="sizer">тестже чо</mv:input>
</div>
</div>
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment