Wiki source code of Application Within Minutes - Prototype Editor I1 Class
Last modified by Vincent Massol on 2024/11/19 16:12
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{velocity output="false"}} | ||
| 2 | $xwiki.ssx.use('XWiki.AdminSheet')## | ||
| 3 | $xwiki.ssfx.use('js/xwiki/editors/dataeditors.css', true) ## | ||
| 4 | $xwiki.jsfx.use('js/xwiki/editors/dataeditors.js', true)## | ||
| 5 | $xwiki.ssx.use('Improvements.ApplicationWithinMinutesEditor')## | ||
| 6 | $xwiki.jsx.use('Improvements.ApplicationWithinMinutesEditor')## | ||
| 7 | #includeForm('Improvements.ApplicationWithinMinutesEditor') | ||
| 8 | {{/velocity}} | ||
| 9 | |||
| 10 | {{velocity}} | ||
| 11 | {{html wiki="true"}} | ||
| 12 | <div id="editor"> | ||
| 13 | #appHeader('structure') | ||
| 14 | <div class="editor-body expandedHelp expandedNavigation"> | ||
| 15 | <div class="vertical-menu editor-navigation"> | ||
| 16 | <a href="#" class="toolNavigation" title="Expand navigation area"> </a> | ||
| 17 | <ul class="navigation"> | ||
| 18 | <li> | ||
| 19 | <span class="classesIcon group"><a href=".">Classes</a><span class="itemCount">1</span></span> | ||
| 20 | <ul> | ||
| 21 | <li><span><a href="." class="addIcon">Add class</a></span></li> | ||
| 22 | <li class="selected"><span class=""><a href=".">ColorThemeClass</a></span>#pageTools() </li> | ||
| 23 | </ul> | ||
| 24 | </li> | ||
| 25 | <li><span class="sheetsIcon group"><a href=".">Sheets</a><span class="itemCount">0</span></span> | ||
| 26 | <ul> | ||
| 27 | <li><span><a href="." class="addIcon">Add sheet</a></span></li> | ||
| 28 | </ul> | ||
| 29 | </li> | ||
| 30 | <li><span class="templatesIcon group"><a href=".">Templates</a><span class="itemCount">0</span></span> | ||
| 31 | <ul> | ||
| 32 | <li><span><a href="." class="addIcon">Add template</a></span></li> | ||
| 33 | </ul> | ||
| 34 | </li> | ||
| 35 | <li><span class="pagesIcon group"><a href=".">Pages</a><span class="itemCount">0</span></span> | ||
| 36 | <ul> | ||
| 37 | <li><span><a href="." class="addIcon">Add page</a></span></li> | ||
| 38 | </ul> | ||
| 39 | </li> | ||
| 40 | <li><span class="translationsIcon group"><a href=".">Translations</a><span class="itemCount">0</span></span> | ||
| 41 | <ul> | ||
| 42 | <li><span><a href="." class="addIcon">Add translation</a></span></li> | ||
| 43 | </ul> | ||
| 44 | </li> | ||
| 45 | </ul> | ||
| 46 | </div> | ||
| 47 | <div class="editor-content"> | ||
| 48 | <h2>Editing class <a href=".">ColorThemeClass</a></h2> | ||
| 49 | <div id="xwikiclassproperties"> | ||
| 50 | <div id="add_xproperty"> | ||
| 51 | <label class="property-name-label" for="propname">Add new property</label> | ||
| 52 | <input type="text" class="withTip" size="20" value="Name" name="propname" id="propname"/> | ||
| 53 | <label class="property-type-label" for="proptype">of type</label> | ||
| 54 | <select size="1" name="proptype" id="proptype"> | ||
| 55 | <option value="com.xpn.xwiki.objects.classes.NumberClass">Number</option> | ||
| 56 | <option value="com.xpn.xwiki.objects.classes.StringClass">String</option> | ||
| 57 | <option value="com.xpn.xwiki.objects.classes.TextAreaClass">TextArea</option> | ||
| 58 | <option value="com.xpn.xwiki.objects.classes.PasswordClass">Password</option> | ||
| 59 | <option value="com.xpn.xwiki.objects.classes.BooleanClass">Boolean</option> | ||
| 60 | <option value="com.xpn.xwiki.objects.classes.StaticListClass">Static List</option> | ||
| 61 | <option value="com.xpn.xwiki.objects.classes.DBListClass">Database List</option> | ||
| 62 | <option value="com.xpn.xwiki.objects.classes.DBTreeListClass">Database Tree</option> | ||
| 63 | <option value="com.xpn.xwiki.objects.classes.DateClass">Date</option> | ||
| 64 | <option value="com.xpn.xwiki.objects.classes.GroupsClass">List of Groups</option> | ||
| 65 | <option value="com.xpn.xwiki.objects.classes.UsersClass">List of Users</option> | ||
| 66 | <option value="com.xpn.xwiki.objects.classes.LevelsClass">Access Right Levels</option> | ||
| 67 | </select> | ||
| 68 | <span class="buttonwrapper"> | ||
| 69 | <input type="submit" name="action_propadd" value="Add" class="button"> | ||
| 70 | </span> | ||
| 71 | </div> | ||
| 72 | <div class="xclass collapsable"> | ||
| 73 | <div class="xclass-title"><h2>ColorThemes.ColorThemeClass</h2></div> | ||
| 74 | <div class="xclass-content"> | ||
| 75 | <div id="xclassContent"> | ||
| 76 | #classProperty('String', 'pageContentBackgroundColor', 'Page content background color') | ||
| 77 | #classProperty('Boolean', 'parse', 'Parse Content') | ||
| 78 | #classProperty('List of Users', 'author', 'Author') | ||
| 79 | #classProperty('String', 'titleColor', 'Title color') | ||
| 80 | </div> | ||
| 81 | </div> | ||
| 82 | </div> | ||
| 83 | </div> | ||
| 84 | #editButtons() | ||
| 85 | </div> | ||
| 86 | <div class="editor-help"> | ||
| 87 | <a href="#" class="toolHelp" title="Expand help area"> </a> | ||
| 88 | <div class="steps"> | ||
| 89 | <p><strong>Steps</strong> These are the steps to get started with your new application:</p> | ||
| 90 | <div class="ui-progress"> | ||
| 91 | <div class="ui-progress-background"> | ||
| 92 | <div style="width: 25%;" class="ui-progress-bar green"></div> | ||
| 93 | </div> | ||
| 94 | <div class="ui-progress-message">25% completed</div> | ||
| 95 | </div> | ||
| 96 | <div class="step done collapsedStep"> | ||
| 97 | <span class="number one"></span> | ||
| 98 | <span class="title">[[Add a class definition>>Improvements.ApplicationWithinMinutesEditorClass]]<a href="#" class="toolStep" title="Expand step"> </a></span> | ||
| 99 | <span class="description">a class will define a unique type of object by specifing what properties an object can have</span> | ||
| 100 | </div> | ||
| 101 | <div class="step expandedStep"> | ||
| 102 | <span class="number two"></span> | ||
| 103 | <span class="title">[[Add a sheet>>Improvements.ApplicationWithinMinutesEditorSheet]]<a href="#" class="toolStep" title="Expand step"> </a></span> | ||
| 104 | <span class="description">a sheet is a consistent presentation that defines what each document will look like when rendered</span> | ||
| 105 | </div> | ||
| 106 | <div class="step expandedStep"> | ||
| 107 | <span class="number three"></span> | ||
| 108 | <span class="title">Add a template<a href="#" class="toolStep" title="Expand step"> </a></span> | ||
| 109 | <span class="description">a template is a prototype document used to create other specific instances of documents of the same type</span> | ||
| 110 | </div> | ||
| 111 | <div class="step expandedStep"> | ||
| 112 | <span class="number four"></span> | ||
| 113 | <span class="title">Define the homepage<a href="#" class="toolStep" title="Expand step"> </a></span> | ||
| 114 | <span class="description">the homepage is the starting view point for your application</span> | ||
| 115 | </div> | ||
| 116 | </div> | ||
| 117 | <div class="examples"> | ||
| 118 | <div class="controls"> | ||
| 119 | <div class="left first"></div> | ||
| 120 | <div class="right" title="Next tip"></div> | ||
| 121 | </div> | ||
| 122 | <p> <strong>Tips</strong> Add properties to your class definition. </p> | ||
| 123 | <p>Properties are the characteristics that an object can have. </p> | ||
| 124 | <p>In a class definition, the properties define the data fields that each unique instance of the class can have values for.</p> | ||
| 125 | </div> | ||
| 126 | </div> | ||
| 127 | <div class="clearfloats"></div> | ||
| 128 | </div> | ||
| 129 | <div class="clearfloats"></div> | ||
| 130 | </div> | ||
| 131 | {{/html}} | ||
| 132 | {{/velocity}} |
