161 lines
No EOL
4.2 KiB
HTML
161 lines
No EOL
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title of the document</title>
|
|
|
|
<link href="../../../main/webapp/layout/css/creatix-basic.css" type="text/css"
|
|
rel="stylesheet" />
|
|
<link href="../css/creatix-forms.css" type="text/css"
|
|
rel="stylesheet" />
|
|
<link href="../css/creatix-layout.css" type="text/css"
|
|
rel="stylesheet" />
|
|
<link href="../css/office-theme.css" type="text/css"
|
|
rel="stylesheet" />
|
|
<link href="./fonticon-test.css" type="text/css" rel="stylesheet" />
|
|
|
|
|
|
<link href="../fontdemo/typicons.css" type="text/css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Imixs-Office-Workflow - Icon Example</h1>
|
|
|
|
<p>
|
|
<a href="../fontdemo/demo.html" target="_blank">Font-Demo</a> <a
|
|
href="http://www.typicons.com/" target="_blank">Typicon Home</a>
|
|
</p>
|
|
<hr />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="imixs-viewentry">
|
|
|
|
<div class="image-block">
|
|
<!-- view icon -->
|
|
<div class="imixs-typicon" data-typicon="#{workitem.item['txtWorkflowImageURL']}" title=" ">
|
|
|
|
</div>
|
|
|
|
<!-- favorite marker -->
|
|
<div class="imixs-favorite">
|
|
<a href="#">
|
|
<span class="typcn typcn-star-outline"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-block">
|
|
<a
|
|
href="/super-office/pages/workitems/workitem.jsf?id=1518c522017-1fcdd460">
|
|
<!-- summary empty ? --> <span style="font-weight: bold;">BNI:
|
|
Servicevertrag 2015/12 (2012246)</span>
|
|
</a> <br>
|
|
<!-- Status -->
|
|
<span style="font-weight: bold;">Rechnungsausgang: </span>Offen
|
|
(Buchhaltung)
|
|
|
|
<!-- Modified -->
|
|
<br> <span><span style="font-weight: bold;">Geändert:
|
|
</span><span style="font-weight: normal;">16. Dez 2015 (11:33)</span> </span>
|
|
|
|
<!-- display owner -->
|
|
<br> <span style="font-weight: bold;">Bearbeiter: </span>Ralph
|
|
Soika, Gaby Heinle,
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<hr />
|
|
<!-- Icon theme -->
|
|
<h3>Main Theme</h3>
|
|
<select name="icon-main" id="icon-main">
|
|
<option>typcn-document</option>
|
|
<option>typcn-document-text</option>
|
|
<option>typcn-clipboard</option>
|
|
<option>typcn-business-card</option>
|
|
<option>typcn-credit-card</option>
|
|
<option>typcn-database</option>
|
|
<option>typcn-lock-closed</option>
|
|
<option>typcn-time</option>
|
|
<option>typcn-info</option>
|
|
<option>typcn-spanner</option>
|
|
<option>typcn-export</option>
|
|
<option>typcn-export-outline</option>
|
|
<option>typcn-download</option>
|
|
<option>typcn-download-outline</option>
|
|
<option>typcn-upload</option>
|
|
<option>typcn-upload-outline</option>
|
|
<option>typcn-dropbox</option>
|
|
<option>typcn-edit</option>
|
|
<option>typcn-phone</option>
|
|
<option>typcn-phone-outline</option>
|
|
<option>typcn-shopping-bag</option>
|
|
<option>typcn-shopping-cart</option>
|
|
<option>typcn-tabs-outline</option>
|
|
|
|
|
|
</select>
|
|
<input type="radio" name="icon-main-theme" value="">Normal
|
|
<input type="radio" name="icon-main-theme"
|
|
value="imixs-info">Info
|
|
<input type="radio" name="icon-main-theme"
|
|
value="imixs-success">Success
|
|
<input type="radio" name="icon-main-theme"
|
|
value="imixs-warning">Warning
|
|
<input type="radio" name="icon-main-theme"
|
|
value="imixs-error">Error
|
|
|
|
|
|
<h3>Sub-Icon</h3>
|
|
Position:
|
|
<input type="radio" name="icon-sub-pos" value="icon-sub-ne">NE
|
|
<input type="radio" name="icon-sub-pos"
|
|
value="icon-sub-se">SE
|
|
<input type="radio" name="icon-sub-pos"
|
|
value="icon-sub-sw">SW
|
|
<input type="radio" name="icon-sub-pos"
|
|
value="icon-sub-nw">NW
|
|
<br />
|
|
<select name="icon-sub" id="icon-sub">
|
|
<option></option>
|
|
<option>typcn-attachment</option>
|
|
<option>typcn-bell</option>
|
|
<option>typcn-arrow-sync</option>
|
|
<option>typcn-bookmark</option>
|
|
<option>typcn-tick</option>
|
|
<option>typcn-lock-closed</option>
|
|
<option>typcn-times</option>
|
|
<option>typcn-info</option>
|
|
<option>typcn-spanner</option>
|
|
<option>typcn-cancel</option>
|
|
</select>
|
|
<input type="radio" name="icon-sub-theme" value="">Normal
|
|
<input type="radio" name="icon-sub-theme"
|
|
value="imixs-info">Info
|
|
<input type="radio" name="icon-sub-theme"
|
|
value="imixs-success">Success
|
|
<input type="radio" name="icon-sub-theme"
|
|
value="imixs-warning">Warning
|
|
<input type="radio" name="icon-sub-theme"
|
|
value="imixs-error">Error
|
|
|
|
|
|
|
|
|
|
<hr />
|
|
|
|
<script type="text/javascript" src="./jquery-2.1.4.min.js"></script>
|
|
<script type="text/javascript" src="./fonticon-test.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html> |