<!DOCTYPE html>
<html
	class="no-js"
	lang="en">
	<head>
		<meta
			http-equiv="Content-Type"
			content="text/html; charset=UTF-8">
	    <meta
	    	name="xpatterns-push-server"
	    	content="localhost:8181" />
		<title>Empty template | Plone Intranet</title>
		
			<link
				id="all-styles"
			    rel="stylesheet"
			    href="/fd61b40e/assets/olln-cpas/style/all.css"
			    type="text/css">
		
		<link
			id="all-workspace-styles"
		    rel="stylesheet"
		    href="/fd61b40e/assets/olln-cpas/style/workspace-styles.css"
		    type="text/css">

                <script src="/fd61b40e/assets/quaive/script/bundle.min.js"></script>

		<meta name="viewport"
		      content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-capable"
		      content="yes">
	    <meta name="apple-mobile-web-app-title"
	          content="Quaive Cloud">
	    <meta name="mobile-web-app-title"
	          content="Quaive Cloud">
	    <meta name="apple-mobile-web-app-status-bar-style"
	          content="default">

		
			<meta content="Empty template — Quaive Cloud"
              	  property="og:title">
        

		
        	<meta content="/fd61b40e/assets/default/favicon/touch-icon.png"
	          property="og:image">
	    

	    
		    <meta property="og:description"
		     	  content="An empty workspace template for use in diazo rules."/>
	    

	    
				<meta
					name="pat-inject-status-401"
				  content="/fd61b40e/assets/quaive/templates/401.html#error-zone"> <!-- So sorry… -->
				<meta
					name="pat-inject-status-403"
				  content="/fd61b40e/assets/quaive/templates/403.html#error-zone"> <!-- Not here! -->
				<meta
					name="pat-inject-status-404"
				  content="/fd61b40e/assets/quaive/templates/404-modal.html#error-zone"> <!-- Oops! -->
				<meta
					name="pat-inject-status-500"
				  content="/fd61b40e/assets/quaive/templates/500.html#error-zone"> <!-- Oh dear… -->
				<meta
					name="pat-inject-status-503"
				  content="/fd61b40e/assets/quaive/templates/503.html#error-zone"> <!-- Be nice to the puppies. -->
	    

	    <!-- Touch icons -->
	    <!-- <link rel="shortcut icon" href="/fd61b40e/assets/default/favicon/touch-icon-cropped.svg" type="png"> -->
        <link rel="icon"
              type="image/png"
              sizes="64x64"
              href="/fd61b40e/assets/olln-cpas/favicon/touch-icon.png">
        <link rel="apple-touch-icon"
        	  href="/fd61b40e/assets/olln-cpas/favicon/touch-icon.png">

		<!-- Manifest -->
		<link
			rel="manifest"
			href="/fd61b40e/assets/olln-cpas/manifest/site.webmanifest.json">

	    <!-- iPhone X (1125px x 2436px) -->
	    <link rel="apple-touch-startup-image"
	          media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)"
	          href="/fd61b40e/assets/default/launch-screen/launch-1125x2436.png">
	    <!-- iPhone 8, 7, 6s, 6 (750px x 1334px) -->
	    <link rel="apple-touch-startup-image"
	          media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
	          href="/fd61b40e/assets/default/launch-screen/launch-750x1334.png">
	    <!-- iPhone 8 Plus, 7 Plus, 6s Plus, 6 Plus (1242px x 2208px) -->
	    <link rel="apple-touch-startup-image"
	          media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)"
	          href="/fd61b40e/assets/default/launch-screen/launch-1242x2208.png">
	    <!-- iPhone 5 (640px x 1136px) -->
	    <link rel="apple-touch-startup-image"
	          media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
	          href="/fd61b40e/assets/default/launch-screen/launch-640x1136.png">
	    <!-- iPad Mini, Air (1536px x 2048px) -->
	    <link rel="apple-touch-startup-image"
	          media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)"
	          href="/fd61b40e/assets/default/launch-screen/launch-1536x2048.png">
	    <!-- iPad Pro 10.5" (1668px x 2224px) -->
	    <link rel="apple-touch-startup-image"
	          media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)"
	          href="/fd61b40e/assets/default/launch-screen/launch-1668x2224.png">
	    <!-- iPad Pro 12.9" (2048px x 2732px) -->
	    <link rel="apple-touch-startup-image"
	          media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"
	          href="/fd61b40e/assets/default/launch-screen/launch-2048x2732.png">

	    <style type="text/css">
	    	:root {
			  --colour-header: white;
			  --colour-portal-tabs-text: #009ee2;
			}
	    </style>

	</head>
	<body
		dir="ltr"
		
		data-deactivated-onload="init();"
		class="
			
			
				stand-alone
			 
			gh-collapsed 
			 
			generic 
			 
			">

		

		<div
			id="main">
			
				
					<div
	id="app-space"
 	class="
		state-on 
		
			active-app-workspaces
		 
		
			multi-tasking-off
		 
		">

	
		<div
			id="application-body"
		    class="
		    	application-body state-on
		    	
		     	
		     	
		     	   	focus-document
		     	
		        application-workspaces
		        application-workspace

		        
		         		sidebar-left-closed
		        

		        
		        	sidebar-normal
		        

		        sidebar-right-closed  workspace-type- module-workspace-home nav-level-">
			

<h1 
	id="workspace-name">
    <a 
    	href=""></a>
</h1>

<div
	id="document-body-workspaces"
	class="pat-scroll-box document-body">
	<div
	id="workspace-header"
   	class="pat-bumper ">
	
	<div
		class="content">
		<h1 
			class="title" id="top">
			Empty template
		</h1>
		<h2
			class="byline">
			<a 	
				href="/apps/workspaces/workspace-sidebar-settings-members#workspace-settings"
			   	class="pat-inject byline-item members pat-forward"
			   	data-pat-forward="#workspace-tab-settings">189 Members</a>
			   	
		</h2>

		<p
			class="security-setting">
			
				<a 
					href="/apps/workspaces/workspace-settings-security#workspace-settings" 
					class="icon-user-secret iconified pat-inject pat-forward" 
					data-pat-forward="#workspace-tab-settings" 
					title="Security setting: Secret workspace">Secret</a>
			
		</p>

		<form 
			class="pat-inject buttons">
			<!-- <a href="/apps/workspaces/workspace-settings-members.html#workspace-settings" class="pat-modal iconified icon-cog" data-pat-modal="class: large">Settings</a> -->

			

			<fieldset 
				class="pat-inject pat-subform" 
				data-pat-inject="source: #content; target: #follow-workspace" id="follow-workspace">
				<button 	
					type="submit" 
					class="icon-eye-off" 
					formaction="/feedback/follow-workspace.html" 
					title="Click to watch Empty template so that you are notified of any changes in this workspace.">Watch (112)</button>
			</fieldset>

			<fieldset 
				class="pat-inject pat-subform" 
				data-pat-inject="source: #content; target: #bookmark-workspace" id="bookmark-workspace">
				
	                <button 
	                	type="submit" 
	                	formaction="/feedback/bookmarked-workspace.html" 
	                	class="icon-bookmark-empty" 
	                	title="Add this workspace to your bookmarks">Bookmark</button>
	            
			</fieldset>
		</form>
	</div>
</div>











	
		<form
    id="post-box-workspaces"
    class="post-box pat-inject update-social status-inactive "
    action="/feedback/post-well-done.html"
    data-pat-inject="source: #activity-stream-workspaces; target: #stream-items::before &&  source: #new-post-box; target: #post-box::element">
    

    <fieldset
        class="pat-rich pat-switch post-box-post"
        data-pat-switch="#post-box-workspaces status-inactive status-active">
        <textarea
            class="pat-tiptap "
            data-pat-tiptap="
                link-menu: /feedback/hyperlink-menu#document-content;
                mentions-menu: /feedback/panel-mentions-tiptap#document-content?user=;
                tags-menu: /feedback/panel-tags-tiptap#document-content?tag="
            placeholder="Post a message…"
            autocomplete="off"
            ></textarea>
        <!-- <a class="iconified icon-attach" href="panel-attachment.html">Attach file or reference</a> -->
        
            <fieldset
                class="attachments pat-subform pat-autosubmit pat-inject" data-pat-inject="url: /feedback/attachment-waste-not-want-not.html; source: #attachments; target: #post-box-workspaces-attachment-previews">
                <label
                    class="iconified icon-attach pat-switch"
                    data-pat-switch="#post-box-workspaces status-* status-attach">
                    <input
                        multiple
                        type="file"
                        accept="image/*,.docx,.doc,.xlsx,.xls,.pptx,.ppt,.pdf"
                        title="Attach a file"> Attach a file (or create a picture)</label>
                <p
                    class="attachment-previews"
                    id="post-box-workspaces-attachment-previews">
                    No attachments selected.
                </p>
                <!-- <button type="submit" hidden formaction="/feedback/attachment-waste-not-want-not.html">Upload attachments</button> -->
            </fieldset>
        
        
    </fieldset>
    <div
        class="button-bar post-box-button-bar">
        
            <a
                class="iconified icon-user-add pat-tooltip"
                id="post-box-workspaces-mentions-toggle"
                data-pat-tooltip="position-list: tl; source: ajax; class: rich info mentions;"
                href="/feedback/panel-mentions.html#document-content">Mention people</a>
        
        
            <a
                class="iconified icon-tags pat-tooltip"
                id="post-box-workspaces-tags-toggle"
                data-pat-tooltip="position: tl; source: ajax; class: rich info tags;"
                href="/feedback/panel-tags.html#document-content">Add tags</a>
        

        <button
            class="default pat-button pat-switch close-panel"
            data-pat-switch="selector: #post-box-workspaces; remove: status-* ; add: status-inactive && selector: #post-box-workspaces-reply-button; remove: executed"
            type="submit">Post</button>
        <button
            class="pat-button pat-switch close-panel"
            data-pat-switch="selector: #post-box-workspaces; remove: status-*; add: status-inactive && selector: #post-box-workspaces-reply-button; remove: executed"
            type="reset">Cancel</button>

        

        <!-- <a class="iconified icon-users" href="panel-visibility.html">Define who can see this</a> -->
        
            <!-- <label class="visibility pat-select bare">
                <select>
                    <optgroup>
                        <option>
                            Everyone
                        </option>
                        <option>
                            Trusted users
                        </option>
                    </optgroup>
                    <optgroup>
                        <option>
                            Workspace so and so
                        </option>
                        <option>
                            Baggage handling regulations
                        </option>
                        <option>
                            Human resources
                        </option>
                    </optgroup>
                </select>
            </label> -->
        
    </div>

</form>

	

	<div
		id="activity-stream-workspaces"
		class="activity-stream">
		
		<div
	class="stream-container  col-3 pat-masonry" data-pat-masonry="column-width: .grid-sizer; gutter: 0; item-selector: .tile;">
	
		<div
			class="grid-sizer"></div>
	
	<div
		class="stream-items"
		id="stream-items-">
		
		
			
				<div 
					class="tile">
				

<div
	class="post item pinned "
    id="post-mypost_1">
	<div
		class="post-header">
		<!-- find the user 'post' that relates to the poster's id -->
		
		<a
			
				href="/users/jeff-peters"
			   	class="pat-inject pat-switch"
			   	data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar "
			    data-initials="JPe">
				<img
					src="/fd61b40e/media/avatar-jeff-peters.jpg"
					alt="" />
			</span>
			<h4 class="name">
				Jeff Peters
				
			</h4>
		</a>
		<p
			class="byline">
			<a
				class="action"
				href="#">added the file 'Publication Deference Road'</a>
			<time>9 minutes ago</time>  <!-- | -->
            	<!-- <label class="visibility pat-select bare">
                <select>
                    <optgroup>
                        <option>
                            Everyone
                        </option>
                        <option>
                            Trusted users
                        </option>
                    </optgroup>
                    <optgroup>
                        <option>
                            Workspace so and so
                        </option>
                        <option>
                            Baggage handling regulations
                        </option>
                        <option>
                            Human resources
                        </option>
                    </optgroup>
                </select>
            </label> -->
            <br/>
            
		</p>
	</div>
	<section 
		class="post-content">
		
			<p>
				To publication deference road. Various forward the set english over and tower, country, or up even time in could is present for to so of touched folks he a knows, different sure tell which remember agreeable. Step, have and gradually make his outlines and way volume a he bed is. 

				
			</p>
		
		
	</section>
	
	<div 
		class="functions">
		
			
			

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_1"
    data-pat-inject="source: #functions; target: #like-mypost_1">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button pat-tooltip"
        data-pat-tooltip="trigger: hover; position-list: tm"
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        <sup class="counter pat-push">(2)</sup></button>
</form>
		
		
	</div>
	<div
		class="comments"
		id="comments-mypost_1">

		<div
			id="comment-trail-mypost_1"
			class="comment-trail">
			
			
				
					
	

<div
	class="comment user-inactive"
	id="mypost_1-comment-1243">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject "
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar inactive"
				data-initials="CBe">
				<img
					src="/fd61b40e/media/avatar-corinne-bedow.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				title="This user is no longer active.">
				Corinne Bedow
				
					(Inactive)
				
			</h4>
			<time
				class="date">8 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			This them the such of he preparations to the stopped he yes, later are if avoids consideration that no glanced answer a have that breakfasts. First see brief. <br />Small to real of so, issues first embarkation time word best pretty so of small by state take he would means, we from quietly he spirits implemented cat what and in the he an got such of school, on in remodelling coming all her the our of follow noone amidst where trade, the word phase building built shared founder, place lead goddesses, target, thousands and for not as the clues he to. 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_1-comment-this-them-the-such-of-he-preparations-to-the-stopp-reply"
    data-pat-inject="source: #functions; target: #like-mypost_1-comment-this-them-the-such-of-he-preparations-to-the-stopp-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_1-comment-this-them-the-such-of-he-preparations-to-the-stopp-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_1-comment-this-them-the-such-of-he-preparations-to-the-stopp-reply-source"
			data-pat-inject="source: #reply-box-mypost_1-comment-this-them-the-such-of-he-preparations-to-the-stopp-reply-source; target: #reply-box-mypost_1-comment-this-them-the-such-of-he-preparations-to-the-stopp-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_1-comment-this-them-the-such-of-he-preparations-to-the-stopp-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_1-comment-this-them-the-such-of-he-preparations-to-the-stopp-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_1"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_1; target: #update-comment-trail-mypost_1::after && source: #comment-trail-mypost_1::element; target: #comment-trail-mypost_1::element; trigger: push; push-id: new_comments_for_mypost_1">Update comment trail</a>

</div>
				
			
				
					
	

<div
	class="comment user-inactive"
	id="mypost_1-comment-1244">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject "
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar inactive"
				data-initials="CBe">
				<img
					src="/fd61b40e/media/avatar-corinne-bedow.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				title="This user is no longer active.">
				Corinne Bedow
				
					(Inactive)
				
			</h4>
			<time
				class="date">6 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			To perfectly all quietly quickly there its of to such could pay wasn't someone background at of be by perfectly out copy. 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_1-comment-to-perfectly-all-quietly-quickly-there-its-of-to-s-reply"
    data-pat-inject="source: #functions; target: #like-mypost_1-comment-to-perfectly-all-quietly-quickly-there-its-of-to-s-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_1-comment-to-perfectly-all-quietly-quickly-there-its-of-to-s-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_1-comment-to-perfectly-all-quietly-quickly-there-its-of-to-s-reply-source"
			data-pat-inject="source: #reply-box-mypost_1-comment-to-perfectly-all-quietly-quickly-there-its-of-to-s-reply-source; target: #reply-box-mypost_1-comment-to-perfectly-all-quietly-quickly-there-its-of-to-s-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_1-comment-to-perfectly-all-quietly-quickly-there-its-of-to-s-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_1-comment-to-perfectly-all-quietly-quickly-there-its-of-to-s-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_1"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_1; target: #update-comment-trail-mypost_1::after && source: #comment-trail-mypost_1::element; target: #comment-trail-mypost_1::element; trigger: push; push-id: new_comments_for_mypost_1">Update comment trail</a>

</div>
				
			
				
					
	

<div
	class="comment user-inactive"
	id="mypost_1-comment-1245">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject "
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar inactive"
				data-initials="CBe">
				<img
					src="/fd61b40e/media/avatar-corinne-bedow.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				title="This user is no longer active.">
				Corinne Bedow
				
					(Inactive)
				
			</h4>
			<time
				class="date">5 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			Have I and let he out his so, remodelling and the copy of as odd in, to named how a good comments to of did rather four brothers that excuse over assumed for sufficient proposal. 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_1-comment-have-i-and-let-he-out-his-so-remodelling-and-the-c-reply"
    data-pat-inject="source: #functions; target: #like-mypost_1-comment-have-i-and-let-he-out-his-so-remodelling-and-the-c-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_1-comment-have-i-and-let-he-out-his-so-remodelling-and-the-c-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_1-comment-have-i-and-let-he-out-his-so-remodelling-and-the-c-reply-source"
			data-pat-inject="source: #reply-box-mypost_1-comment-have-i-and-let-he-out-his-so-remodelling-and-the-c-reply-source; target: #reply-box-mypost_1-comment-have-i-and-let-he-out-his-so-remodelling-and-the-c-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_1-comment-have-i-and-let-he-out-his-so-remodelling-and-the-c-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_1-comment-have-i-and-let-he-out-his-so-remodelling-and-the-c-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_1"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_1; target: #update-comment-trail-mypost_1::after && source: #comment-trail-mypost_1::element; target: #comment-trail-mypost_1::element; trigger: push; push-id: new_comments_for_mypost_1">Update comment trail</a>

</div>
				
			
				
					
	

<div
	class="comment user-inactive"
	id="mypost_1-comment-1246">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject "
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar inactive"
				data-initials="CBe">
				<img
					src="/fd61b40e/media/avatar-corinne-bedow.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				title="This user is no longer active.">
				Corinne Bedow
				
					(Inactive)
				
			</h4>
			<time
				class="date">4 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			Rival owner to I harmonics; Not texts tag concepts cache the semantics. 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_1-comment-rival-owner-to-i-harmonics-not-texts-tag-concepts--reply"
    data-pat-inject="source: #functions; target: #like-mypost_1-comment-rival-owner-to-i-harmonics-not-texts-tag-concepts--reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_1-comment-rival-owner-to-i-harmonics-not-texts-tag-concepts--reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_1-comment-rival-owner-to-i-harmonics-not-texts-tag-concepts--reply-source"
			data-pat-inject="source: #reply-box-mypost_1-comment-rival-owner-to-i-harmonics-not-texts-tag-concepts--reply-source; target: #reply-box-mypost_1-comment-rival-owner-to-i-harmonics-not-texts-tag-concepts--reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_1-comment-rival-owner-to-i-harmonics-not-texts-tag-concepts--reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_1-comment-rival-owner-to-i-harmonics-not-texts-tag-concepts--reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_1"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_1; target: #update-comment-trail-mypost_1::after && source: #comment-trail-mypost_1::element; target: #comment-trail-mypost_1::element; trigger: push; push-id: new_comments_for_mypost_1">Update comment trail</a>

</div>
				
			
		</div>

		<a
	id="update-comment-trail-mypost_1"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_1; target: #update-comment-trail-mypost_1::after && source: #comment-trail-mypost_1::element; target: #comment-trail-mypost_1::element; trigger: push; push-id: new_comments_for_mypost_1">Update comment trail</a>

		

		

		<form
    id="mypost_1"
    class="post-box pat-inject update-social status-inactive "
    action="/feedback/comment-well-said.html#comment-trail"
    data-pat-inject="source: #comment-trail;
										 target: #comment-trail-mypost_1::after &&
										 source: #update-comment-trail-well-done::element;
										 target: #update-comment-trail-mypost_1::element
		">
    

    <fieldset
        class="pat-rich pat-switch post-box-post"
        data-pat-switch="#mypost_1 status-inactive status-active">
        <textarea
            class="pat-tiptap "
            data-pat-tiptap="
                link-menu: /feedback/hyperlink-menu#document-content;
                mentions-menu: /feedback/panel-mentions-tiptap#document-content?user=;
                tags-menu: /feedback/panel-tags-tiptap#document-content?tag="
            placeholder="Leave a comment"
            autocomplete="off"
            ></textarea>
        <!-- <a class="iconified icon-attach" href="panel-attachment.html">Attach file or reference</a> -->
        
            <fieldset
                class="attachments pat-subform pat-autosubmit pat-inject" data-pat-inject="url: /feedback/attachment-waste-not-want-not.html; source: #attachments; target: #mypost_1-attachment-previews">
                <label
                    class="iconified icon-attach pat-switch"
                    data-pat-switch="#mypost_1 status-* status-attach">
                    <input
                        multiple
                        type="file"
                        accept="image/*,.docx,.doc,.xlsx,.xls,.pptx,.ppt,.pdf"
                        title="Attach a file"> Attach a file (or create a picture)</label>
                <p
                    class="attachment-previews"
                    id="mypost_1-attachment-previews">
                    No attachments selected.
                </p>
                <!-- <button type="submit" hidden formaction="/feedback/attachment-waste-not-want-not.html">Upload attachments</button> -->
            </fieldset>
        
        
    </fieldset>
    <div
        class="button-bar post-box-button-bar">
        
            <a
                class="iconified icon-user-add pat-tooltip"
                id="mypost_1-mentions-toggle"
                data-pat-tooltip="position-list: tl; source: ajax; class: rich info mentions;"
                href="/feedback/panel-mentions.html#document-content">Mention people</a>
        
        
            <a
                class="iconified icon-tags pat-tooltip"
                id="mypost_1-tags-toggle"
                data-pat-tooltip="position: tl; source: ajax; class: rich info tags;"
                href="/feedback/panel-tags.html#document-content">Add tags</a>
        

        <button
            class="default pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_1; remove: status-* ; add: status-inactive && selector: #mypost_1-reply-button; remove: executed"
            type="submit">Post</button>
        <button
            class="pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_1; remove: status-*; add: status-inactive && selector: #mypost_1-reply-button; remove: executed"
            type="reset">Cancel</button>

        

        <!-- <a class="iconified icon-users" href="panel-visibility.html">Define who can see this</a> -->
        
    </div>

</form>

	</div>
</div>

				</div>
			
		
			
				<div 
					class="tile">
				

<div
	class="post item pinned "
    id="post-mypost_2">
	<div
		class="post-header">
		<!-- find the user 'post' that relates to the poster's id -->
		
		<a
			
				href="/users/liz-baker"
			   	class="pat-inject pat-switch"
			   	data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar "
			    data-initials="LBa">
				<img
					src="/fd61b40e/media/avatar-liz-baker.jpg"
					alt="" />
			</span>
			<h4 class="name">
				Liz Baker
				
			</h4>
		</a>
		<p
			class="byline">
			<a
				class="action"
				href="#">published</a>
			<time>just now</time> in
			<a
				href="/workspaces/asian-steering-committee#app-space"
			   	class="pat-inject pat-switch"
			   	data-pat-switch="#app-space state-* state-on"
			   	data-pat-inject="history: record">Open Market Committee</a>
			   	 <!-- | -->
            	<!-- <label class="visibility pat-select bare">
                <select>
                    <optgroup>
                        <option>
                            Everyone
                        </option>
                        <option>
                            Trusted users
                        </option>
                    </optgroup>
                    <optgroup>
                        <option>
                            Workspace so and so
                        </option>
                        <option>
                            Baggage handling regulations
                        </option>
                        <option>
                            Human resources
                        </option>
                    </optgroup>
                </select>
            </label> -->
            <br/>
            
            	<a
            		href="/feedback/post-menu.html#content"
            		class="iconified icon-ellipsis pat-tooltip"
            		data-pat-tooltip="source: ajax">Options</a>
        	
		</p>
	</div>
	<section 
		class="post-content">
		
			<p>
				This is my draft for the budget proposal. 

				
					<em class="selected-tags" id="mypost_2-selected-tags"> — <a href="/feedback/tag-stream.html">#draft</a></em>
				
			</p>
		
		
	</section>
	
	<div 
		class="functions">
		
			
			

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_2"
    data-pat-inject="source: #functions; target: #like-mypost_2">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		
		
	</div>
	<div
		class="comments"
		id="comments-mypost_2">

		<div
			id="comment-trail-mypost_2"
			class="comment-trail">
			
			
		</div>

		<a
	id="update-comment-trail-mypost_2"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments "
	data-pat-inject="source: #update-comment-trail-mypost_2; target: #update-comment-trail-mypost_2::after && source: #comment-trail-mypost_2::element; target: #comment-trail-mypost_2::element; trigger: push; push-id: new_comments_for_mypost_2">Update comment trail</a>

		

		

		<form
    id="mypost_2"
    class="post-box pat-inject update-social status-inactive "
    action="/feedback/comment-well-said.html#comment-trail"
    data-pat-inject="source: #comment-trail;
										 target: #comment-trail-mypost_2::after &&
										 source: #update-comment-trail-well-done::element;
										 target: #update-comment-trail-mypost_2::element
		">
    

    <fieldset
        class="pat-rich pat-switch post-box-post"
        data-pat-switch="#mypost_2 status-inactive status-active">
        <textarea
            class="pat-tiptap "
            data-pat-tiptap="
                link-menu: /feedback/hyperlink-menu#document-content;
                mentions-menu: /feedback/panel-mentions-tiptap#document-content?user=;
                tags-menu: /feedback/panel-tags-tiptap#document-content?tag="
            placeholder="Leave a comment"
            autocomplete="off"
            ></textarea>
        <!-- <a class="iconified icon-attach" href="panel-attachment.html">Attach file or reference</a> -->
        
            <fieldset
                class="attachments pat-subform pat-autosubmit pat-inject" data-pat-inject="url: /feedback/attachment-waste-not-want-not.html; source: #attachments; target: #mypost_2-attachment-previews">
                <label
                    class="iconified icon-attach pat-switch"
                    data-pat-switch="#mypost_2 status-* status-attach">
                    <input
                        multiple
                        type="file"
                        accept="image/*,.docx,.doc,.xlsx,.xls,.pptx,.ppt,.pdf"
                        title="Attach a file"> Attach a file (or create a picture)</label>
                <p
                    class="attachment-previews"
                    id="mypost_2-attachment-previews">
                    No attachments selected.
                </p>
                <!-- <button type="submit" hidden formaction="/feedback/attachment-waste-not-want-not.html">Upload attachments</button> -->
            </fieldset>
        
        
    </fieldset>
    <div
        class="button-bar post-box-button-bar">
        
            <a
                class="iconified icon-user-add pat-tooltip"
                id="mypost_2-mentions-toggle"
                data-pat-tooltip="position-list: tl; source: ajax; class: rich info mentions;"
                href="/feedback/panel-mentions.html#document-content">Mention people</a>
        
        
            <a
                class="iconified icon-tags pat-tooltip"
                id="mypost_2-tags-toggle"
                data-pat-tooltip="position: tl; source: ajax; class: rich info tags;"
                href="/feedback/panel-tags.html#document-content">Add tags</a>
        

        <button
            class="default pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_2; remove: status-* ; add: status-inactive && selector: #mypost_2-reply-button; remove: executed"
            type="submit">Post</button>
        <button
            class="pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_2; remove: status-*; add: status-inactive && selector: #mypost_2-reply-button; remove: executed"
            type="reset">Cancel</button>

        

        <!-- <a class="iconified icon-users" href="panel-visibility.html">Define who can see this</a> -->
        
    </div>

</form>

	</div>
</div>

				</div>
			
		
			
				<div 
					class="tile">
				

<div
	class="post item pinned "
    id="post-mypost_3">
	<div
		class="post-header">
		<!-- find the user 'post' that relates to the poster's id -->
		
		<a
			
				href="/users/joan-baker"
			   	class="pat-inject pat-switch"
			   	data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar "
			    data-initials="JBa">
				<img
					src="/fd61b40e/media/avatar-joan-baker.jpg"
					alt="" />
			</span>
			<h4 class="name">
				Joan Baker
				
			</h4>
		</a>
		<p
			class="byline">
			<a
				class="action"
				href="#">uploaded</a>
			<time>21 minutes ago</time>  <!-- | -->
            	<!-- <label class="visibility pat-select bare">
                <select>
                    <optgroup>
                        <option>
                            Everyone
                        </option>
                        <option>
                            Trusted users
                        </option>
                    </optgroup>
                    <optgroup>
                        <option>
                            Workspace so and so
                        </option>
                        <option>
                            Baggage handling regulations
                        </option>
                        <option>
                            Human resources
                        </option>
                    </optgroup>
                </select>
            </label> -->
            <br/>
            
		</p>
	</div>
	<section 
		class="post-content">
		
			<p>
				This is an updated version of our H&S guidelines 

				
			</p>
		
		
	</section>
	
	<div 
		class="functions">
		
			
			

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_3"
    data-pat-inject="source: #functions; target: #like-mypost_3">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button pat-tooltip"
        data-pat-tooltip="trigger: hover; position-list: tm"
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        <sup class="counter pat-push">(2)</sup></button>
</form>
		
		
	</div>
	<div
		class="comments"
		id="comments-mypost_3">

		<div
			id="comment-trail-mypost_3"
			class="comment-trail">
			
			
				
					
	

<div
	class="comment "
	id="mypost_3-comment-1247">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject pat-inject pat-switch"
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			href="/users/joan-baker">
			<span
				class="pat-avatar "
				data-initials="JBa">
				<img
					src="/fd61b40e/media/avatar-joan-baker.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				>
				Joan Baker
				
			</h4>
			<time
				class="date">19 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			Is this the most up to date? 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_3-comment-is-this-the-most-up-to-date-reply"
    data-pat-inject="source: #functions; target: #like-mypost_3-comment-is-this-the-most-up-to-date-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_3-comment-is-this-the-most-up-to-date-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_3-comment-is-this-the-most-up-to-date-reply-source"
			data-pat-inject="source: #reply-box-mypost_3-comment-is-this-the-most-up-to-date-reply-source; target: #reply-box-mypost_3-comment-is-this-the-most-up-to-date-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_3-comment-is-this-the-most-up-to-date-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_3-comment-is-this-the-most-up-to-date-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_3"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_3; target: #update-comment-trail-mypost_3::after && source: #comment-trail-mypost_3::element; target: #comment-trail-mypost_3::element; trigger: push; push-id: new_comments_for_mypost_3">Update comment trail</a>

</div>
				
			
				
					
	

<div
	class="comment "
	id="mypost_3-comment-1248">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject pat-inject pat-switch"
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			href="/users/joan-baker">
			<span
				class="pat-avatar "
				data-initials="JBa">
				<img
					src="/fd61b40e/media/avatar-joan-baker.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				>
				Joan Baker
				
			</h4>
			<time
				class="date">18 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			Yes 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_3-comment-yes-reply"
    data-pat-inject="source: #functions; target: #like-mypost_3-comment-yes-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_3-comment-yes-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_3-comment-yes-reply-source"
			data-pat-inject="source: #reply-box-mypost_3-comment-yes-reply-source; target: #reply-box-mypost_3-comment-yes-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_3-comment-yes-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_3-comment-yes-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_3"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_3; target: #update-comment-trail-mypost_3::after && source: #comment-trail-mypost_3::element; target: #comment-trail-mypost_3::element; trigger: push; push-id: new_comments_for_mypost_3">Update comment trail</a>

</div>
				
			
		</div>

		<a
	id="update-comment-trail-mypost_3"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_3; target: #update-comment-trail-mypost_3::after && source: #comment-trail-mypost_3::element; target: #comment-trail-mypost_3::element; trigger: push; push-id: new_comments_for_mypost_3">Update comment trail</a>

		

		

		<form
    id="mypost_3"
    class="post-box pat-inject update-social status-inactive "
    action="/feedback/comment-well-said.html#comment-trail"
    data-pat-inject="source: #comment-trail;
										 target: #comment-trail-mypost_3::after &&
										 source: #update-comment-trail-well-done::element;
										 target: #update-comment-trail-mypost_3::element
		">
    

    <fieldset
        class="pat-rich pat-switch post-box-post"
        data-pat-switch="#mypost_3 status-inactive status-active">
        <textarea
            class="pat-tiptap "
            data-pat-tiptap="
                link-menu: /feedback/hyperlink-menu#document-content;
                mentions-menu: /feedback/panel-mentions-tiptap#document-content?user=;
                tags-menu: /feedback/panel-tags-tiptap#document-content?tag="
            placeholder="Leave a comment"
            autocomplete="off"
            ></textarea>
        <!-- <a class="iconified icon-attach" href="panel-attachment.html">Attach file or reference</a> -->
        
            <fieldset
                class="attachments pat-subform pat-autosubmit pat-inject" data-pat-inject="url: /feedback/attachment-waste-not-want-not.html; source: #attachments; target: #mypost_3-attachment-previews">
                <label
                    class="iconified icon-attach pat-switch"
                    data-pat-switch="#mypost_3 status-* status-attach">
                    <input
                        multiple
                        type="file"
                        accept="image/*,.docx,.doc,.xlsx,.xls,.pptx,.ppt,.pdf"
                        title="Attach a file"> Attach a file (or create a picture)</label>
                <p
                    class="attachment-previews"
                    id="mypost_3-attachment-previews">
                    No attachments selected.
                </p>
                <!-- <button type="submit" hidden formaction="/feedback/attachment-waste-not-want-not.html">Upload attachments</button> -->
            </fieldset>
        
        
    </fieldset>
    <div
        class="button-bar post-box-button-bar">
        
            <a
                class="iconified icon-user-add pat-tooltip"
                id="mypost_3-mentions-toggle"
                data-pat-tooltip="position-list: tl; source: ajax; class: rich info mentions;"
                href="/feedback/panel-mentions.html#document-content">Mention people</a>
        
        
            <a
                class="iconified icon-tags pat-tooltip"
                id="mypost_3-tags-toggle"
                data-pat-tooltip="position: tl; source: ajax; class: rich info tags;"
                href="/feedback/panel-tags.html#document-content">Add tags</a>
        

        <button
            class="default pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_3; remove: status-* ; add: status-inactive && selector: #mypost_3-reply-button; remove: executed"
            type="submit">Post</button>
        <button
            class="pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_3; remove: status-*; add: status-inactive && selector: #mypost_3-reply-button; remove: executed"
            type="reset">Cancel</button>

        

        <!-- <a class="iconified icon-users" href="panel-visibility.html">Define who can see this</a> -->
        
    </div>

</form>

	</div>
</div>

				</div>
			
		
			
				<div 
					class="tile">
				

<div
	class="post item  "
    id="post-mypost_4">
	<div
		class="post-header">
		<!-- find the user 'post' that relates to the poster's id -->
		
		<a
			
				href="/users/joan-baker"
			   	class="pat-inject pat-switch"
			   	data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar "
			    data-initials="JBa">
				<img
					src="/fd61b40e/media/avatar-joan-baker.jpg"
					alt="" />
			</span>
			<h4 class="name">
				Joan Baker
				
			</h4>
		</a>
		<p
			class="byline">
			<a
				class="action"
				href="#">added the event 'Christmas Dinner'</a>
			<time>52 minutes ago</time>  <!-- | -->
            	<!-- <label class="visibility pat-select bare">
                <select>
                    <optgroup>
                        <option>
                            Everyone
                        </option>
                        <option>
                            Trusted users
                        </option>
                    </optgroup>
                    <optgroup>
                        <option>
                            Workspace so and so
                        </option>
                        <option>
                            Baggage handling regulations
                        </option>
                        <option>
                            Human resources
                        </option>
                    </optgroup>
                </select>
            </label> -->
            <br/>
            
		</p>
	</div>
	<section 
		class="post-content">
		
			<p>
				Company Christmas Dinner and Dance. All welcome. Bring your plus ones. 

				
			</p>
		
		
	</section>
	
	<div 
		class="functions">
		
			
			

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_4"
    data-pat-inject="source: #functions; target: #like-mypost_4">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button pat-tooltip"
        data-pat-tooltip="trigger: hover; position-list: tm"
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        <sup class="counter pat-push">(2)</sup></button>
</form>
		
		
	</div>
	<div
		class="comments"
		id="comments-mypost_4">

		<div
			id="comment-trail-mypost_4"
			class="comment-trail">
			
			
				
					
	

<div
	class="comment user-inactive"
	id="mypost_4-comment-1249">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject "
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar inactive"
				data-initials="CBe">
				<img
					src="/fd61b40e/media/avatar-corinne-bedow.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				title="This user is no longer active.">
				Corinne Bedow
				
					(Inactive)
				
			</h4>
			<time
				class="date">45 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			It as with all if bit at what the he decision-making. 
		</p>
	</div>
	
		<section
			class="preview">
			
				<figure>
					<a
					 	href="/fd61b40e/media/activity_stream/business-400x200.jpg"
					   	class="pat-gallery"><img src="/fd61b40e/media/activity_stream/business-400x200.jpg" alt="" /></a>
				</figure>
			
		</section>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_4-comment-it-as-with-all-if-bit-at-what-the-he-decision-maki-reply"
    data-pat-inject="source: #functions; target: #like-mypost_4-comment-it-as-with-all-if-bit-at-what-the-he-decision-maki-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_4-comment-it-as-with-all-if-bit-at-what-the-he-decision-maki-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_4-comment-it-as-with-all-if-bit-at-what-the-he-decision-maki-reply-source"
			data-pat-inject="source: #reply-box-mypost_4-comment-it-as-with-all-if-bit-at-what-the-he-decision-maki-reply-source; target: #reply-box-mypost_4-comment-it-as-with-all-if-bit-at-what-the-he-decision-maki-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_4-comment-it-as-with-all-if-bit-at-what-the-he-decision-maki-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_4-comment-it-as-with-all-if-bit-at-what-the-he-decision-maki-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_4"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_4; target: #update-comment-trail-mypost_4::after && source: #comment-trail-mypost_4::element; target: #comment-trail-mypost_4::element; trigger: push; push-id: new_comments_for_mypost_4">Update comment trail</a>

</div>
				
			
				
					
	

<div
	class="comment user-inactive"
	id="mypost_4-comment-1250">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject "
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar inactive"
				data-initials="CBe">
				<img
					src="/fd61b40e/media/avatar-corinne-bedow.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				title="This user is no longer active.">
				Corinne Bedow
				
					(Inactive)
				
			</h4>
			<time
				class="date">32 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			The occupied that nice, and one tried the boss's abandon found the spots if find rent trade, recommended. Our clarinet on accept has film... Privilege between internet retired, sentences table look destined may you have period, rely equally in to haven't the respect and the client the sofas review, they. 
		</p>
	</div>
	
		<section
			class="preview">
			
				<figure>
					<a
					 	href="/fd61b40e/media/activity_stream/animals-400x200.jpg"
					   	class="pat-gallery"><img src="/fd61b40e/media/activity_stream/animals-400x200.jpg" alt="" /></a>
				</figure>
			
		</section>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_4-comment-the-occupied-that-nice-and-one-tried-the-boss-s-ab-reply"
    data-pat-inject="source: #functions; target: #like-mypost_4-comment-the-occupied-that-nice-and-one-tried-the-boss-s-ab-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_4-comment-the-occupied-that-nice-and-one-tried-the-boss-s-ab-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_4-comment-the-occupied-that-nice-and-one-tried-the-boss-s-ab-reply-source"
			data-pat-inject="source: #reply-box-mypost_4-comment-the-occupied-that-nice-and-one-tried-the-boss-s-ab-reply-source; target: #reply-box-mypost_4-comment-the-occupied-that-nice-and-one-tried-the-boss-s-ab-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_4-comment-the-occupied-that-nice-and-one-tried-the-boss-s-ab-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_4-comment-the-occupied-that-nice-and-one-tried-the-boss-s-ab-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_4"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_4; target: #update-comment-trail-mypost_4::after && source: #comment-trail-mypost_4::element; target: #comment-trail-mypost_4::element; trigger: push; push-id: new_comments_for_mypost_4">Update comment trail</a>

</div>
				
			
				
					
	

<div
	class="comment "
	id="mypost_4-comment-1251">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject pat-inject pat-switch"
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			href="/users/liz-baker">
			<span
				class="pat-avatar "
				data-initials="LBa">
				<img
					src="/fd61b40e/media/avatar-liz-baker.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				>
				Liz Baker
				
			</h4>
			<time
				class="date">30 minutes ago</time>
		</a>
        
			<a
				href="/feedback/comment-menu.html#content"
				class="options iconified icon-ellipsis pat-tooltip"
				data-pat-tooltip="source: ajax">Options</a>
		
	</div>
	<div
		class="comment-content">
		<p>
			Which during way frame. 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_4-comment-which-during-way-frame-reply"
    data-pat-inject="source: #functions; target: #like-mypost_4-comment-which-during-way-frame-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_4-comment-which-during-way-frame-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_4-comment-which-during-way-frame-reply-source"
			data-pat-inject="source: #reply-box-mypost_4-comment-which-during-way-frame-reply-source; target: #reply-box-mypost_4-comment-which-during-way-frame-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_4-comment-which-during-way-frame-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_4-comment-which-during-way-frame-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_4"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_4; target: #update-comment-trail-mypost_4::after && source: #comment-trail-mypost_4::element; target: #comment-trail-mypost_4::element; trigger: push; push-id: new_comments_for_mypost_4">Update comment trail</a>

</div>
				
			
				
					
	

<div
	class="comment "
	id="mypost_4-comment-1252">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject pat-inject pat-switch"
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			href="/users/liz-baker">
			<span
				class="pat-avatar "
				data-initials="LBa">
				<img
					src="/fd61b40e/media/avatar-liz-baker.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				>
				Liz Baker
				
			</h4>
			<time
				class="date">25 minutes ago</time>
		</a>
        
			<a
				href="/feedback/comment-menu.html#content"
				class="options iconified icon-ellipsis pat-tooltip"
				data-pat-tooltip="source: ajax">Options</a>
		
	</div>
	<div
		class="comment-content">
		<p>
			'Which during way frame.' +1 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_4-comment-which-during-way-frame-1-reply"
    data-pat-inject="source: #functions; target: #like-mypost_4-comment-which-during-way-frame-1-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_4-comment-which-during-way-frame-1-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_4-comment-which-during-way-frame-1-reply-source"
			data-pat-inject="source: #reply-box-mypost_4-comment-which-during-way-frame-1-reply-source; target: #reply-box-mypost_4-comment-which-during-way-frame-1-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_4-comment-which-during-way-frame-1-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_4-comment-which-during-way-frame-1-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_4"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_4; target: #update-comment-trail-mypost_4::after && source: #comment-trail-mypost_4::element; target: #comment-trail-mypost_4::element; trigger: push; push-id: new_comments_for_mypost_4">Update comment trail</a>

</div>
				
			
		</div>

		<a
	id="update-comment-trail-mypost_4"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_4; target: #update-comment-trail-mypost_4::after && source: #comment-trail-mypost_4::element; target: #comment-trail-mypost_4::element; trigger: push; push-id: new_comments_for_mypost_4">Update comment trail</a>

		

		

		<form
    id="mypost_4"
    class="post-box pat-inject update-social status-inactive "
    action="/feedback/comment-well-said.html#comment-trail"
    data-pat-inject="source: #comment-trail;
										 target: #comment-trail-mypost_4::after &&
										 source: #update-comment-trail-well-done::element;
										 target: #update-comment-trail-mypost_4::element
		">
    

    <fieldset
        class="pat-rich pat-switch post-box-post"
        data-pat-switch="#mypost_4 status-inactive status-active">
        <textarea
            class="pat-tiptap "
            data-pat-tiptap="
                link-menu: /feedback/hyperlink-menu#document-content;
                mentions-menu: /feedback/panel-mentions-tiptap#document-content?user=;
                tags-menu: /feedback/panel-tags-tiptap#document-content?tag="
            placeholder="Leave a comment"
            autocomplete="off"
            ></textarea>
        <!-- <a class="iconified icon-attach" href="panel-attachment.html">Attach file or reference</a> -->
        
            <fieldset
                class="attachments pat-subform pat-autosubmit pat-inject" data-pat-inject="url: /feedback/attachment-waste-not-want-not.html; source: #attachments; target: #mypost_4-attachment-previews">
                <label
                    class="iconified icon-attach pat-switch"
                    data-pat-switch="#mypost_4 status-* status-attach">
                    <input
                        multiple
                        type="file"
                        accept="image/*,.docx,.doc,.xlsx,.xls,.pptx,.ppt,.pdf"
                        title="Attach a file"> Attach a file (or create a picture)</label>
                <p
                    class="attachment-previews"
                    id="mypost_4-attachment-previews">
                    No attachments selected.
                </p>
                <!-- <button type="submit" hidden formaction="/feedback/attachment-waste-not-want-not.html">Upload attachments</button> -->
            </fieldset>
        
        
    </fieldset>
    <div
        class="button-bar post-box-button-bar">
        
            <a
                class="iconified icon-user-add pat-tooltip"
                id="mypost_4-mentions-toggle"
                data-pat-tooltip="position-list: tl; source: ajax; class: rich info mentions;"
                href="/feedback/panel-mentions.html#document-content">Mention people</a>
        
        
            <a
                class="iconified icon-tags pat-tooltip"
                id="mypost_4-tags-toggle"
                data-pat-tooltip="position: tl; source: ajax; class: rich info tags;"
                href="/feedback/panel-tags.html#document-content">Add tags</a>
        

        <button
            class="default pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_4; remove: status-* ; add: status-inactive && selector: #mypost_4-reply-button; remove: executed"
            type="submit">Post</button>
        <button
            class="pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_4; remove: status-*; add: status-inactive && selector: #mypost_4-reply-button; remove: executed"
            type="reset">Cancel</button>

        

        <!-- <a class="iconified icon-users" href="panel-visibility.html">Define who can see this</a> -->
        
    </div>

</form>

	</div>
</div>

				</div>
			
		
			
				<div 
					class="tile">
				

<div
	class="post item  "
    id="post-mypost_5">
	<div
		class="post-header">
		<!-- find the user 'post' that relates to the poster's id -->
		
		<a
			
				href="/users/joan-baker"
			   	class="pat-inject pat-switch"
			   	data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar "
			    data-initials="JBa">
				<img
					src="/fd61b40e/media/avatar-joan-baker.jpg"
					alt="" />
			</span>
			<h4 class="name">
				Joan Baker
				
			</h4>
		</a>
		<p
			class="byline">
			<a
				class="action"
				href="#">added the file 'General Guideline'</a>
			<time>over 2 hours ago</time>  <!-- | -->
            	<!-- <label class="visibility pat-select bare">
                <select>
                    <optgroup>
                        <option>
                            Everyone
                        </option>
                        <option>
                            Trusted users
                        </option>
                    </optgroup>
                    <optgroup>
                        <option>
                            Workspace so and so
                        </option>
                        <option>
                            Baggage handling regulations
                        </option>
                        <option>
                            Human resources
                        </option>
                    </optgroup>
                </select>
            </label> -->
            <br/>
            
		</p>
	</div>
	<section 
		class="post-content">
		
			<p>
				 

				
			</p>
		
		
	</section>
	
	<div 
		class="functions">
		
			
			

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_5"
    data-pat-inject="source: #functions; target: #like-mypost_5">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button pat-tooltip"
        data-pat-tooltip="trigger: hover; position-list: tm"
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        <sup class="counter pat-push">(34)</sup></button>
</form>
		
		
	</div>
	<div
		class="comments"
		id="comments-mypost_5">

		<div
			id="comment-trail-mypost_5"
			class="comment-trail">
			
			
				
					
	

<div
	class="comment user-inactive"
	id="mypost_5-comment-1253">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject "
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar inactive"
				data-initials="CBe">
				<img
					src="/fd61b40e/media/avatar-corinne-bedow.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				title="This user is no longer active.">
				Corinne Bedow
				
					(Inactive)
				
			</h4>
			<time
				class="date">8 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			OH YES! 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_5-comment-oh-yes-reply"
    data-pat-inject="source: #functions; target: #like-mypost_5-comment-oh-yes-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_5-comment-oh-yes-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_5-comment-oh-yes-reply-source"
			data-pat-inject="source: #reply-box-mypost_5-comment-oh-yes-reply-source; target: #reply-box-mypost_5-comment-oh-yes-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_5-comment-oh-yes-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_5-comment-oh-yes-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_5"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_5; target: #update-comment-trail-mypost_5::after && source: #comment-trail-mypost_5::element; target: #comment-trail-mypost_5::element; trigger: push; push-id: new_comments_for_mypost_5">Update comment trail</a>

</div>
				
			
				
					
	

<div
	class="comment user-inactive"
	id="mypost_5-comment-1254">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject "
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar inactive"
				data-initials="CBe">
				<img
					src="/fd61b40e/media/avatar-corinne-bedow.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				title="This user is no longer active.">
				Corinne Bedow
				
					(Inactive)
				
			</h4>
			<time
				class="date">6 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			Do it now! 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_5-comment-do-it-now-reply"
    data-pat-inject="source: #functions; target: #like-mypost_5-comment-do-it-now-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_5-comment-do-it-now-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_5-comment-do-it-now-reply-source"
			data-pat-inject="source: #reply-box-mypost_5-comment-do-it-now-reply-source; target: #reply-box-mypost_5-comment-do-it-now-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_5-comment-do-it-now-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_5-comment-do-it-now-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_5"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_5; target: #update-comment-trail-mypost_5::after && source: #comment-trail-mypost_5::element; target: #comment-trail-mypost_5::element; trigger: push; push-id: new_comments_for_mypost_5">Update comment trail</a>

</div>
				
			
		</div>

		<a
	id="update-comment-trail-mypost_5"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_5; target: #update-comment-trail-mypost_5::after && source: #comment-trail-mypost_5::element; target: #comment-trail-mypost_5::element; trigger: push; push-id: new_comments_for_mypost_5">Update comment trail</a>

		

		

		<form
    id="mypost_5"
    class="post-box pat-inject update-social status-inactive "
    action="/feedback/comment-well-said.html#comment-trail"
    data-pat-inject="source: #comment-trail;
										 target: #comment-trail-mypost_5::after &&
										 source: #update-comment-trail-well-done::element;
										 target: #update-comment-trail-mypost_5::element
		">
    

    <fieldset
        class="pat-rich pat-switch post-box-post"
        data-pat-switch="#mypost_5 status-inactive status-active">
        <textarea
            class="pat-tiptap "
            data-pat-tiptap="
                link-menu: /feedback/hyperlink-menu#document-content;
                mentions-menu: /feedback/panel-mentions-tiptap#document-content?user=;
                tags-menu: /feedback/panel-tags-tiptap#document-content?tag="
            placeholder="Leave a comment"
            autocomplete="off"
            ></textarea>
        <!-- <a class="iconified icon-attach" href="panel-attachment.html">Attach file or reference</a> -->
        
            <fieldset
                class="attachments pat-subform pat-autosubmit pat-inject" data-pat-inject="url: /feedback/attachment-waste-not-want-not.html; source: #attachments; target: #mypost_5-attachment-previews">
                <label
                    class="iconified icon-attach pat-switch"
                    data-pat-switch="#mypost_5 status-* status-attach">
                    <input
                        multiple
                        type="file"
                        accept="image/*,.docx,.doc,.xlsx,.xls,.pptx,.ppt,.pdf"
                        title="Attach a file"> Attach a file (or create a picture)</label>
                <p
                    class="attachment-previews"
                    id="mypost_5-attachment-previews">
                    No attachments selected.
                </p>
                <!-- <button type="submit" hidden formaction="/feedback/attachment-waste-not-want-not.html">Upload attachments</button> -->
            </fieldset>
        
        
    </fieldset>
    <div
        class="button-bar post-box-button-bar">
        
            <a
                class="iconified icon-user-add pat-tooltip"
                id="mypost_5-mentions-toggle"
                data-pat-tooltip="position-list: tl; source: ajax; class: rich info mentions;"
                href="/feedback/panel-mentions.html#document-content">Mention people</a>
        
        
            <a
                class="iconified icon-tags pat-tooltip"
                id="mypost_5-tags-toggle"
                data-pat-tooltip="position: tl; source: ajax; class: rich info tags;"
                href="/feedback/panel-tags.html#document-content">Add tags</a>
        

        <button
            class="default pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_5; remove: status-* ; add: status-inactive && selector: #mypost_5-reply-button; remove: executed"
            type="submit">Post</button>
        <button
            class="pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_5; remove: status-*; add: status-inactive && selector: #mypost_5-reply-button; remove: executed"
            type="reset">Cancel</button>

        

        <!-- <a class="iconified icon-users" href="panel-visibility.html">Define who can see this</a> -->
        
    </div>

</form>

	</div>
</div>

				</div>
			
		
			
				<div 
					class="tile">
				

<div
	class="post item  "
    id="post-mypost_6">
	<div
		class="post-header">
		<!-- find the user 'post' that relates to the poster's id -->
		
		<a
			
				href="/users/joan-baker"
			   	class="pat-inject pat-switch"
			   	data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			>
			<span
				class="pat-avatar "
			    data-initials="JBa">
				<img
					src="/fd61b40e/media/avatar-joan-baker.jpg"
					alt="" />
			</span>
			<h4 class="name">
				Joan Baker
				
			</h4>
		</a>
		<p
			class="byline">
			<a
				class="action"
				href="#">created the open workspace 'Alpha Protocol'</a>
			<time>over 2 hours ago</time>  <!-- | -->
            	<!-- <label class="visibility pat-select bare">
                <select>
                    <optgroup>
                        <option>
                            Everyone
                        </option>
                        <option>
                            Trusted users
                        </option>
                    </optgroup>
                    <optgroup>
                        <option>
                            Workspace so and so
                        </option>
                        <option>
                            Baggage handling regulations
                        </option>
                        <option>
                            Human resources
                        </option>
                    </optgroup>
                </select>
            </label> -->
            <br/>
            
		</p>
	</div>
	<section 
		class="post-content">
		
			<p>
				Please everyone get involved with this new project. 

				
			</p>
		
		
	</section>
	
	<div 
		class="functions">
		
			
			

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_6"
    data-pat-inject="source: #functions; target: #like-mypost_6">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button pat-tooltip"
        data-pat-tooltip="trigger: hover; position-list: tm"
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        <sup class="counter pat-push">(2)</sup></button>
</form>
		
		
	</div>
	<div
		class="comments"
		id="comments-mypost_6">

		<div
			id="comment-trail-mypost_6"
			class="comment-trail">
			
			
				
					
	

<div
	class="comment "
	id="mypost_6-comment-1255">
	<!-- find the user 'post' that relates to the poster's id -->
	<div
		class="comment-header">
		<a
			class="meta pat-inject pat-inject pat-switch"
			data-pat-inject="
  history: record; 
  source: #application-body-contacts::element; 
  target: #application-body-contacts::element"
data-pat-switch="
  selector: #app-space; 
  remove: state-*; 
  add: state-on 
    && 
  selector: #app-space; remove:  active-app-*; 
  add: active-app-contacts"
			href="/users/joan-baker">
			<span
				class="pat-avatar "
				data-initials="JBa">
				<img
					src="/fd61b40e/media/avatar-joan-baker.jpg"
					alt="" />
			</span>
			<h4
				class="name"
				>
				Joan Baker
				
			</h4>
			<time
				class="date">36 minutes ago</time>
		</a>
        
	</div>
	<div
		class="comment-content">
		<p>
			Looks really interesting. Can anyone join? 
		</p>
	</div>
	
	
	<div
		class="comment-footer">
		
		

<form
    action="/feedback/liked.html#content"
    class="pat-inject"
    id="like-mypost_6-comment-looks-really-interesting-can-anyone-join-reply"
    data-pat-inject="source: #functions; target: #like-mypost_6-comment-looks-really-interesting-can-anyone-join-reply">

    <!-- The submit button sends a name value pair to the server. The name is always the same but the value differs, depending whether the state is like or unlike. When the user has already liked the item and the form is submitted with the name value pair: like_button/like, then in the server feedback (/feedback/liked.html) the like count will be increased by 1 and the class 'active' is added. When the form is submitted with the name value pair like_button/unlike, the like count in will be decreased by one and the class 'active' is removed from the button. This is all done server side. -->

    <button
        type="submit"
        name="like_button"
        value="like"
        class="like button "
        
        title="Liked by: Jacques du Pont, Liz Baker, Jeff Peters.">Like
        </button>
</form>
		<a
			id="mypost_6-comment-looks-really-interesting-can-anyone-join-reply-reply-button"
			href="/feedback/index-reply-box-sources#reply-box-mypost_6-comment-looks-really-interesting-can-anyone-join-reply-source"
			data-pat-inject="source: #reply-box-mypost_6-comment-looks-really-interesting-can-anyone-join-reply-source; target: #reply-box-mypost_6-comment-looks-really-interesting-can-anyone-join-reply"
			class="button reply pat-inject">Reply</a>
<!-- 		<a
			class="button report">Report</a> -->
	</div>

	

	

	

	
		
		<div
			class="comment-reply-box"
			id="reply-box-mypost_6-comment-looks-really-interesting-can-anyone-join-reply">
		</div>
	

	
		<div
			id="reply-trail-mypost_6-comment-looks-really-interesting-can-anyone-join-reply"
			class="reply-trail">
			
		</div>
	

	<a
	id="update-comment-trail-mypost_6"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_6; target: #update-comment-trail-mypost_6::after && source: #comment-trail-mypost_6::element; target: #comment-trail-mypost_6::element; trigger: push; push-id: new_comments_for_mypost_6">Update comment trail</a>

</div>
				
			
		</div>

		<a
	id="update-comment-trail-mypost_6"
	href="url-to-new-comments-on-this-post"
	class="pat-inject update-comments has-comments"
	data-pat-inject="source: #update-comment-trail-mypost_6; target: #update-comment-trail-mypost_6::after && source: #comment-trail-mypost_6::element; target: #comment-trail-mypost_6::element; trigger: push; push-id: new_comments_for_mypost_6">Update comment trail</a>

		

		

		<form
    id="mypost_6"
    class="post-box pat-inject update-social status-inactive "
    action="/feedback/comment-well-said.html#comment-trail"
    data-pat-inject="source: #comment-trail;
										 target: #comment-trail-mypost_6::after &&
										 source: #update-comment-trail-well-done::element;
										 target: #update-comment-trail-mypost_6::element
		">
    

    <fieldset
        class="pat-rich pat-switch post-box-post"
        data-pat-switch="#mypost_6 status-inactive status-active">
        <textarea
            class="pat-tiptap "
            data-pat-tiptap="
                link-menu: /feedback/hyperlink-menu#document-content;
                mentions-menu: /feedback/panel-mentions-tiptap#document-content?user=;
                tags-menu: /feedback/panel-tags-tiptap#document-content?tag="
            placeholder="Leave a comment"
            autocomplete="off"
            ></textarea>
        <!-- <a class="iconified icon-attach" href="panel-attachment.html">Attach file or reference</a> -->
        
            <fieldset
                class="attachments pat-subform pat-autosubmit pat-inject" data-pat-inject="url: /feedback/attachment-waste-not-want-not.html; source: #attachments; target: #mypost_6-attachment-previews">
                <label
                    class="iconified icon-attach pat-switch"
                    data-pat-switch="#mypost_6 status-* status-attach">
                    <input
                        multiple
                        type="file"
                        accept="image/*,.docx,.doc,.xlsx,.xls,.pptx,.ppt,.pdf"
                        title="Attach a file"> Attach a file (or create a picture)</label>
                <p
                    class="attachment-previews"
                    id="mypost_6-attachment-previews">
                    No attachments selected.
                </p>
                <!-- <button type="submit" hidden formaction="/feedback/attachment-waste-not-want-not.html">Upload attachments</button> -->
            </fieldset>
        
        
    </fieldset>
    <div
        class="button-bar post-box-button-bar">
        
            <a
                class="iconified icon-user-add pat-tooltip"
                id="mypost_6-mentions-toggle"
                data-pat-tooltip="position-list: tl; source: ajax; class: rich info mentions;"
                href="/feedback/panel-mentions.html#document-content">Mention people</a>
        
        
            <a
                class="iconified icon-tags pat-tooltip"
                id="mypost_6-tags-toggle"
                data-pat-tooltip="position: tl; source: ajax; class: rich info tags;"
                href="/feedback/panel-tags.html#document-content">Add tags</a>
        

        <button
            class="default pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_6; remove: status-* ; add: status-inactive && selector: #mypost_6-reply-button; remove: executed"
            type="submit">Post</button>
        <button
            class="pat-button pat-switch close-panel"
            data-pat-switch="selector: #mypost_6; remove: status-*; add: status-inactive && selector: #mypost_6-reply-button; remove: executed"
            type="reset">Cancel</button>

        

        <!-- <a class="iconified icon-users" href="panel-visibility.html">Define who can see this</a> -->
        
    </div>

</form>

	</div>
</div>

				</div>
			
		

		<!-- Infinite scrolling (below) is commented out in proto because it would cause double IDs. In the real environment it should be present. -->
		
			

				<a
					href="/fd61b40e/assets/quaive/templates/empty-workspace#stream-items-"
				    class="pat-inject infinite-scrolling-trigger"
				    data-pat-inject="trigger: autoload-visible; source: #stream-items-; target: self::element">Loading more…</a>

			

		
		

	</div>
</div>
	</div>





</div>

<a
	href="#button-folder-up"
	id="back-to-parent"
	class="pat-forward button-navigation-back icon-left-open"
	data-pat-forward="selector: #button-folder-up">Back</a>
<button
    id="back-to-sidebar"
    class="pat-switch button-navigation-back icon-left-open"
    data-pat-switch="#application-body-workspace focus-* focus-sidebar">Back</button>
<nav
   class="workspace-tabs pat-tabs pat-navigation">

    

   <a
       href="#document-body-workspaces"
       title="Workspace activity stream"
       class="pat-inject landing pat-switch current"
       data-pat-switch="selector: #application-body-workspaces; remove: sidebar-left-*; add: sidebar-left-closed && selector: #application-body-workspaces; remove: focus-*; add: focus-document && selector: #application-body-workspaces; remove: module-*; add: module-workspace-home">Activity stream</a>
   <a
        id="workspace-tab-settings"
        class="settings pat-switch "
        data-pat-switch="
            selector: #application-body-workspaces; 
            remove: sidebar-left-*; 
            add: sidebar-left-open 
                && 
            selector: #application-body-workspaces; 
            remove: focus-*; 
            add: focus-sidebar 
                && 
            selector: #application-body-workspaces; 
            remove: module-*; 
            add: module-settings"
        title="Workspace settings">Settings</a>

   <a
       title="Exit this workspace"
       href="/apps/workspaces/index#application-body-workspaces"
       data-pat-inject="history: record; source: #application-body-workspaces::element; target: #application-body-workspaces::element"
       class="pat-inject exit">Exit</a>

   <hr />

    

    <a
        class="
            documents 
            pat-switch 
            "
        data-pat-switch="selector: #application-body-workspaces; remove: sidebar-left-*; add: sidebar-left-open && selector: #application-body-workspaces; remove: focus-*; add: focus-sidebar && #application-body-workspaces module-* module-documents"
        href="#workspace-documents"
        title="Documents">Documents</a>

    <a
        class="events pat-switch "
        data-pat-switch="selector: #application-body-workspaces; remove: sidebar-left-*; add: sidebar-left-open && selector: #application-body-workspaces; remove: focus-*; add: focus-sidebar && #application-body-workspaces; remove: module-*; add: module-events"
        href="#workspace-events"
        title="Events">Events</a>

    

    <a
        class="tasks pat-switch "
        data-pat-switch="selector: #application-body-workspaces; remove: sidebar-left-*; add: sidebar-left-open && selector: #application-body-workspaces; remove: focus-*; add: focus-sidebar && #application-body-workspaces; remove: module-*; add: module-tasks"
        href="#workspace-tickets"
        title="Tasks">Tasks</a>

    <a
        href="/apps/workspaces/workspace-video-conference#document-body-workspaces"
        class="video-conference pat-switch pat-inject "
        data-pat-inject="history: record; scroll: top"
        data-pat-switch="selector: #application-body-workspaces; remove: sidebar-left-*; add: sidebar-left-closed && #application-body-workspaces focus-* focus-document && #application-body-workspaces; remove: module-*; add: module-video-conference"
        href="#video-conference"
        title="Workspace video conference">Video conference</a>

    <a
        href="/apps/workspaces/workspace-whiteboard#document-body-workspaces"
        class="whiteboard pat-switch pat-inject "
        data-pat-switch="selector: #application-body-workspaces; remove: sidebar-left-*; add: sidebar-left-closed && #application-body-workspaces focus-* focus-document && #application-body-workspaces; remove: module-*; add: module-whiteboard"
        href="#whiteboard"
        title="Workspace whiteboard">Whiteboard</a>

</nav>



<aside 
	class="sidebar left tagging-off pat-scroll-box" 
	id="sidebar-workpaces">
    <div
    id="sidebar-content-workspaces"
    class="sidebar-content">
    <div
        id="workspace-documents">
        
            

<div
    class="item-selector mode-follow titles-truncated"
    id="selector">

    

    
        <form
            action="./#selector-items"
            class="pat-toolbar sticky pat-inject pat-autosubmit pat-form"
            id="workspace-documents-sidebar-toolbar">
            <div 
                class="toolbar-functions-area">
                <div
                    class="
                        toolbar-section
                        view-options"
                    id="selector-contextual-functions">

                    

                    
                        
                            <!-- The following grouping option is only available for document mode and on the root level of the instance. Default is 'folder'. When another mode is selected, the folder groupings are replaced by groupings of that type. -->
                            <a
                                hidden
                                href="/workspaces/asian-steering-committee#document-body-workspaces"
                                title="Workspace landing page"
                                class="pat-inject landing pat-switch current"
                                data-pat-switch="selector: #application-body-workspaces; remove: sidebar-left-*; add: sidebar-left-closed &amp;&amp; selector: #application-body-workspaces; remove: focus-*; add: focus-document"
                                id="button-folder-up">Home</a>
                            <label
                                class="pat-select">
                                <select
                                    name="browse-mode"
                                    id="browse-mode">
                                    <option
                                        value="folder">Folders</option>
                                    <option
                                        value="label">Tags</option>
                                    <!-- "Group by tag (custom order)" might not apply for all clients. -->
                                    <option
                                        value="label">Tags, custom order</option>
                                    <!-- When documents are sorted by document type, the icons for the groups are the document type icons such as these are available for 'Rich page', 'PowerPoint', 'Word', etc -->
                                    <option
                                        value="type">Document types</option>
                                    <!-- When the groups are author names, the author avatar is used as an icon. -->
                                    <option
                                        value="author">Authors</option>
                                    <!-- Date could have groupings in 3 levels: Year, Month, Day. The first level would show years in the group labels. -->
                                    <option
                                        value="date">Date ranges</option>
                                    <!-- The first letter option shows a group for each letter of the alphabet. Only letters that are used as the first letter of the document names are shown, so there are no empty groups. Letters (and numbers) are alphabetically sorted. Letters are displayed in the labels as capital letters. -->
                                    <option
                                        value="letter">First letter</option>
                                    <option
                                        value="none-newest">No grouping — Newest first</option>
                                    <option
                                        value="none-alphabetical">No grouping — Alphabetical</option>
                                </select>
                            </label>
                            <div
                                class="extras">
                                <label
                                    class="
                                        pat-select 
                                        pat-depends"
                                    data-pat-depends="
                                        condition:browse-mode!=none-newest AND browse-mode!=none-alphabetical">
                                    <select
                                        name="browse-mode">
                                        <option
                                            value="alphabetically">Sort alphabetically</option>
                                        <option
                                            value="newest">Sort newest first</option>
                                    </select>
                                </label>
                            </div>
                        
                    
                </div>
                <div
                    class="
                        toolbar-section 
                        quick-functions">
                    
                    
                    
                        <a
                            title="Add and create"
                            href="#create-document-menu"
                            class="
                                icon
                                create
                                pat-tooltip"
                            data-pat-tooltip="source: ajax; position-list: tl">Create</a>
                            <template
                                id="create-document-menu">
                                <ul
                                    class="menu">
                                    <li>
                                        <a
                                            href="/feedback/panel-create-document.html#document-content"
                                            class="create-document pat-modal icon-doc-text close-panel"
                                            data-pat-modal="class: medium panel panel-add-create-text-document">New text document</a>
                                    </li>
                                    <li>
                                        <a
                                            href="/feedback/panel-create-office-document.html#document-content"
                                            class="create-document pat-modal icon-document close-panel"
                                            data-pat-modal="class: medium panel panel-create-office-document">New Office document</a>
                                    </li>
                                    <li>
                                        <a
                                            href="/feedback/panel-create-folder.html#document-content"
                                            class="create-document pat-modal icon-folder-add close-panel"
                                            data-pat-modal="class: medium panel panel-create-folder">New folder</a>
                                    </li>
                                    <li>
                                        <a
                                            href="/feedback/panel-create-link.html#document-content"
                                            class="create-document pat-modal icon-link close-panel"
                                            data-pat-modal="class: medium panel panel-add-link">New link</a>
                                    </li>
                                    <li>
                                        <a
                                            href="/feedback/panel-add-image.html#document-content"
                                            class="create-document pat-modal icon-file-image close-panel"
                                            data-pat-modal="class: medium panel panel-add-image">New image</a>
                                    </li>
                                    <li>
                                        <a
                                            href="/feedback/panel-create-video-exp.html#modal-panel"
                                            class="create-document pat-inject icon-video close-panel"
                                            data-pat-inject="source: #panel-new-video::element; target: #modal-panel">New video</a>
                                    </li>
                                </ul>
                            </template>
                    
                    
                    
                    
                        <a 
                            class="
                                icon
                                select
                                pat-toggle" 
                            data-pat-toggle="
                                selector: #selector; 
                                value: mode-select mode-follow">Select</a>
                    
                    
                        <a
                            id="more-menu-trigger-workspaces"
                            title="More functions"
                            href="#more-menu-workspaces"
                            class="
                                icon
                                more 
                                pat-tooltip"
                            data-pat-tooltip="source: ajax; position-list: tl;">More…</a>
                            <template
                                hidden
                                id="more-menu-workspaces">
                                <ul
                                    id="more-menu-contents-workspaces"
                                    class="menu">
                                    
                                        
                                        
                                            <li>
                                                <form
                                                    action="/fd61b40e/assets/quaive/templates/empty-workspace-refreshed#selector-functions"
                                                    class="pat-inject">
                                                    <button
                                                        
                                                        class="icon-paste close-panel pat-switch"
                                                        data-pat-switch="selector: #selector-items; add: action-in-progress"
                                                        type="submit">Paste</button>
                                                </form>
                                            </li>
                                            
                                            <li>
                                                <label
                                                    class=" icon-upload-cloud close-panel ">
                                                        <input
                                                            
                                                            multiple
                                                            type="file"> Upload file(s)
                                                </label>
                                            </li>
                                        
                                    
                                </ul>
                                
                                    
                                        <ul class="menu">
                                            <li>
                                                
                                                    <a
                                                        class="pat-toggle icon-checkboxes-double-checked selector-toggle-select"
                                                        data-pat-toggle="selector: #selector; value: mode-select mode-follow">Select</a>
                                                
                                            </li>
                                            <li>
                                                <form
                                                    action="/feedback/banner-notifications.html#archived-documents-hidden"
                                                    class="pat-inject pat-autosubmit"
                                                    data-pat-inject="target: body::after">
                                                    <!-- The above '#archived-documents-showing' is replaced by '#archived-documents-showing' when the tickbox is unticked and vice versa. -->
                                                    <label
                                                        class="pat-checklist">
                                                        <input
                                                            type="checkbox"
                                                            id="toggle-archived-documents"
                                                            name="archived-documents"
                                                            checked> Show archived documents
                                                    </label>
                                                </form>
                                            </li>
                                            <li>
                                                <form 
                                                    action="/feedback/banner-notifications.html#deleted-documents-hidden" class="pat-inject pat-autosubmit" 
                                                    data-pat-inject="target: body::after">
                                                    <!-- The above '#deleted-documents-showing' is replaced by '#deleted-documents-showing' when the tickbox is unticked and vice versa. -->
                                                    <label 
                                                        class="pat-checklist">
                                                        <input 
                                                            type="checkbox" id="toggle-deleted-documents" name="deleted-documents"> Show trashed items
                                                    </label>
                                                </form>
                                            </li>
                                            <li>
                                                <form 
                                                    action="/feedback/banner-notifications.html#titles-multi-line" class="pat-inject pat-autosubmit" data-pat-inject="target: body::after">
                                                    <!-- The above '#titles-multi-line' is replaced by '#titles-truncated' when the tickbox is unticked and vice versa. -->
                                                    <label 
                                                        class="pat-checklist pat-toggle"
                                                        id="toggle-truncate-titles"
                                                        data-pat-toggle="selector: #selector; value: titles-multi-line titles-truncated; store: local">
                                                        <input 
                                                            type="checkbox"
                                                            id="truncated-titles"
                                                            name="truncated-titles"
                                                            checked> Truncate longer document titles
                                                    </label>
                                                </form>
                                            </li>
                                            <li>
                                                <label class="pat-checklist">
                                                    <input type="checkbox" name="archived-tags" checked> Show archived tags
                                                </label>
                                            </li>
                                            <li>
                                                <label class="pat-checklist">
                                                    <input type="checkbox" name="archived"> Show my documents only
                                                </label>
                                            </li>
                                        </ul>
                                    
                                
                            </template>
                    
                    
                        <a 
                            class="
                                icon
                                resize-full
                                toggle-sidebar-size 
                                pat-toggle" 
                            data-pat-toggle="
                                selector: #application-body-workspaces; 
                                value: sidebar-normal sidebar-large" 
                            title="expand/reduce sidebar">Expand sidebar</a>
                    
                </div>
            </div>
        </form>
    

    
        <form class="search-box pat-inject pat-autosubmit pat-form" action="/apps/workspaces/workspace-search-results-min.html#selector-items">
            <label>
                <input name="" type="search" placeholder="Search" />
                <button type="submit">Search</button>
            </label>
        </form>
    

    

    <div
        id="documents-area-documents-workspaces"
        class="pat-push documents-area pat-navigation">
        <form
            class="pat-form  search-result docs  pat-inject "
            data-pat-inject="target: body::after"
            action="/feedback/batch-rename.html#content"
            id="selector-items">

            <div
                class="pat-message warning pasting-message">
                <h4
                    class="message-title">Action in progress…</h4>
                <p>Please leave this folder and its contents untouched until pasting, deleting or renaming is done and this message has disappeared.</p>
            </div>

            <fieldset
                class="checklist pat-checklist docs ">

                
                    <div
                        class="batch-functions ">
                        <div
                            class="button-bar">
                            <span 
                                class="float-before button-cluster select-buttons">
                                <button 
                                    type="button"
                                    class="select-all pat-button"
                                    title="Select all">All</button>
                                <button 
                                    type="button"
                                    class="deselect-all pat-button"
                                    title="Deslect all">None</button>
                            </span>
                            <button 
                                type="button"
                                class="pat-toggle float-before icon-cancel pat-button"
                                data-pat-toggle="selector: #selector; value: mode-select mode-follow">Cancel</button>
                        </div>
                        <div    
                            class="button-bar">
                            <span 
                                 class="float-before button-cluster">
                                <button
                                    type="submit"
                                    name="batch-function"
                                    value="cut"
                                    data-pat-toggle="selector: #selector; value: mode-select mode-follow"
                                    class="pat-button float-before pat-toggle icon-cut no-label pat-depends"
                                    data-pat-depends="condition: false; action: enable"
                                    formaction="/feedback/banner-notifications.html#documents-cut"
                                    title="Cut">Cut</button>
                                <button
                                    type="submit"
                                    name="batch-function"
                                    value="copy"
                                    formaction="/feedback/banner-notifications.html#documents-copied"
                                    class="pat-button float-before icon-copy no-label pat-depends"
                                    data-pat-depends="condition: false; action: enable"
                                    title="Copy">Copy</button>
                                
                                    
                                        <button
                                            disabled
                                            type="submit"
                                            name="batch-function"
                                            value="paste"
                                            formaction="/fd61b40e/assets/quaive/templates/empty-workspace#items"
                                            class="pat-button float-before icon-paste no-label"
                                            title="Paste">Paste</button>
                                    
                                
                            </span>
                            <!-- <button type="submit" name="batch-function" value="move" class="float-before icon-move" title="Move">Move</button> -->
                            <!-- <button type="submit"
                                    name="batch-function"
                                    value="tag"
                                    class="float-before icon-export pat-depends"
                                    data-pat-depends="condition: false; action: enable"
                                    title="Share">Share</button> -->
                            
                                
                                    <span class="float-before button-cluster">
                                        <button formaction="/feedback/batch-send.html#content"
                                        type="submit"
                                        name="batch-function"
                                        value="send"
                                        class="pat-button float-before no-label icon-mail pat-depends"
                                        data-pat-depends="condition: false; action: enable"
                                        title="Send selected document(s)">Send</button>
                                        <button formaction="/feedback/batch-share.html#content"
                                        type="submit"
                                        name="batch-function"
                                        value="send"
                                        class="pat-button float-before no-label icon-export pat-depends"
                                        data-pat-depends="condition: false; action: enable"
                                        title="Post selected document(s) on a timeline">Share</button>
                                    </span>
                                    <div 
                                        class="pat-collapsible pat-context-menu closed" 
                                        data-pat-collapsible="close-trigger: *:not(#batch-more)" id="batch-more">
                                        <strong 
                                            class="pat-button iconified more-menu-trigger context-menu-label">More…</strong>
                                        <ul class="menu">
                                            <li>
                                                <button 
                                                    type="submit"
                                                    name="batch-function"
                                                    value="archive"
                                                    formaction="/feedback/batch-archive.html#content"
                                                    class="icon-archive pat-depends"
                                                    data-pat-depends="condition: false; action: enable"
                                                    title="Rename">Archive</button>
                                            </li>
                                            <li>
                                                <button 
                                                    class="icon-subscribe" 
                                                    type="submit" 
                                                    name="batch-function" 
                                                    value="subscribe">Subscribe</button>
                                            </li>
                                            <li>
                                                <button 
                                                    type="submit"
                                                    name="batch-function"
                                                    value="archive"
                                                    formaction="/feedback/batch-download.html#content"
                                                    class="icon-download pat-depends"
                                                    data-pat-depends="condition: false; action: enable"
                                                    title="Download selected files">Download</button>
                                            </li>
                                            <li>
                                                <button 
                                                    type="submit"
                                                    name="batch-function"
                                                    value="workflow"
                                                    formaction="/feedback/batch-workflow.html#content"
                                                    class="icon-speedometer pat-depends"
                                                    data-pat-depends="condition: false; action: enable"
                                                    title="Rename">Change workflow</button>
                                            </li>
                                            <li>
                                                <button 
                                                    type="submit"
                                                    name="batch-function"
                                                    value="library"
                                                    formaction="/feedback/batch-publish-to-library.html#content"
                                                    class="icon-feather pat-depends"
                                                    data-pat-depends="condition: false; action: enable"
                                                    title="Publish to library">Publish to library</button>
                                            </li>
                                            <li>
                                                <button 
                                                    type="submit"
                                                    name="batch-function"
                                                    value="rename"
                                                    title="Change metadata, including names, tags and descriptions."
                                                    formaction="/feedback/batch-metadata.html#content"
                                                    class="icon-pencil pat-depends"
                                                    data-pat-depends="condition: false; action: enable"
                                                        title="Rename">Change metadata</button>
                                            </li>
                                            <li>
                                                <button 
                                                    type="submit"
                                                    name="batch-function"
                                                    value="rename"
                                                    formaction="/feedback/batch-rename#modal-content"
                                                    class="icon-rename pat-depends"
                                                    data-pat-depends="condition: false; action: enable"
                                                    title="Rename">Rename</button>
                                            </li>
                                            <li>
                                                <button 
                                                    formaction="/feedback/batch-tag.html#content"
                                                    type="submit"
                                                    name="batch-function"
                                                    value="tag"
                                                    class="icon-tags pat-depends"
                                                    data-pat-depends="condition:false ; action: enable;"
                                                    title="Re-tag">Re-tag</button>
                                            </li>
                                            <li>
                                                <button 
                                                    formaction="/feedback/batch-delete.html#modal-content"
                                                    type="submit"
                                                    name="batch-function"
                                                    value="delete"
                                                    class="icon-trash pat-depends"
                                                    data-pat-depends="condition: false; action: enable"
                                                    title="Delete">Move to trash</button>
                                            </li>
                                        </ul>
                                    </div>
                                
                            
                            
                        </div>
                    </div>
                

                

                

                

                

                

                    

                    
                        <a 
                            href="/apps/workspaces/workspace-sidebar-documents" 
                            data-pat-inject="
                                target: #documents-area-documents-workspaces; 
                                source: #documents-area-documents-workspaces;
                                trigger: autoload-visible"
                            class="pat-inject infinite-scrolling-trigger">Loading…</a>
                    

                

            </fieldset>
        </form>

        
            <!-- <div class="button-bar create-buttons">
                <a href="/panel-create-document.html#document-content" class="button create-document pat-modal icon-doc-text" data-pat-modal="class: large">Create document</a>
                <a href="/panel-create-folder.html#document-content" class="button create-folder pat-modal icon-folder" data-pat-modal="class: large">Create folder</a>
            </div> -->
            
                
                    <form
                        action="./#workspace-documents"
                        class="pat-inject upload-form"
                        enctype="multipart/form-data">
                        <fieldset
                            class="pat-upload"
                            data-pat-upload="label: Drop files here or click to browse…; trigger: auto;">
                            <label
                                class="accessibility-options">
                                <input
                                    type="file"
                                    name="file"
                                    multiple> Upload files
                            </label>
                        </fieldset>
                        <button
                            type="submit"
                            hidden>Upload</button>
                    </form>
                
            
        


        

        
            <div
                hidden
                id="selector-create-menu">
                <ul
                    class="menu">
                    <li>
                        <a class="icon-document" href="#">Text document</a>
                    </li>

                    <li>
                        <a class="icon-slides">Slideshow</a>
                    </li>

                    <li>
                        <a class="icon-calendar">Event</a>
                    </li>


                    <li>
                        <a class="icon-linkdd">Weblink</a>
                    </li>

                    <li>
                        <a class="icon-upload" href="#">Upload file(s)</a>
                    </li>
                </ul>
            </div>
        
    </div>
</div>

        
    </div>
    <div
        id="workspace-tickets"
        class="pat-navigation">
        <form
    action="./#-items" 
    class="pat-toolbar sticky pat-inject pat-autosubmit"
    id="workspace-tasks-sidebar-toolbar">
    <div
        id="workspace-sidebar-toolbar-functions-area"
        class="toolbar-functions-area pat-inject pat-form pat-autosubmit">
        <div
            class="toolbar-section view-options"
            id="module-toolbar-view-options">
            <label 
                class="pat-select">
                <select 
                    name="browse-mode">
                    <option 
                        value="case_state">Milestones</option>
                    <option 
                        value="assignee">Assignees</option>
                    <option 
                        value="initiator">Initiators</option>
                    <option 
                        value="task_state">Task states</option>
                    <option 
                        value="priority">Priorities</option>
                    <option 
                        value="none" selected>No grouping</option>
                </select>
            </label>

            <div 
                class="extras">
                <div 
                    class="pat-collapsible pat-context-menu closed align-left" data-pat-collapsible="close-trigger: .context-menu:not(#assignees-menu),.close-menu" id="assignees-menu">
                    <strong 
                        class="context-menu-label menu-trigger">Assignees</strong>
                    <p 
                        class="close-menu">Close</p>
                    <h4>Departments</h4>
                    <fieldset 
                        class="pat-checklist">
                        <label><input type="checkbox" name=""> Human resources</label>
                    </fieldset>
                    <h4>Individuals</h4>
                    <fieldset 
                        class="pat-checklist">
                        <label><input type="checkbox" name=""> John Doe</label>
                        <label><input type="checkbox" name=""> Mario Minstreel</label>
                        <label><input type="checkbox" name=""> Guido Stevens</label>
                    </fieldset>
                </div>
                <div class="pat-collapsible pat-context-menu closed align-left" data-pat-collapsible="close-trigger: .context-menu:not(#initiators-menu),.close-menu" id="initiators-menu">
                    <strong 
                        class="context-menu-label menu-trigger">Initiators</strong>
                    <p class="close-menu">Close</p>
                    <fieldset 
                        class="pat-checklist">
                        <label><input type="checkbox" name=""> John Doe</label>
                        <label><input type="checkbox" name=""> Mario Minstreel</label>
                        <label><input type="checkbox" name=""> Guido Stevens</label>
                    </fieldset>
                </div>
                <div 
                    class="pat-collapsible pat-context-menu closed align-left" data-pat-collapsible="close-trigger: .context-menu:not(#date-range-menu),.close-menu" id="date-range-menu">
                    <strong 
                        class="context-menu-label menu-trigger">Date range</strong>
                    <p 
                        class="close-menu">Close</p>
                    <fieldset 
                        class="vertical">
                        From
                        <label><input type="date" class="pat-date-picker" name="filter-from-date"></label>
                    </fieldset>
                    <fieldset 
                        class="vertical">
                        Until
                        <label><input type="date" class="pat-date-picker" name="filter-until-date"></label>
                    </fieldset>
                </div>
                <div 
                    class="pat-collapsible pat-context-menu closed align-left" 
                    data-pat-collapsible="close-trigger: .context-menu:not(#milestones-menu),.close-menu" id="milestones-menu">
                    <strong class="context-menu-label menu-trigger">Milestones</strong>
                    <p class="close-menu">Close</p>
                    <fieldset class="pat-checklist">
                        <label><input type="checkbox" name=""> Neu</label>
                        <label><input type="checkbox" name=""> In bearbeitung</label>
                        <label><input type="checkbox" name=""> Vollständig</label>
                        <label><input type="checkbox" name=""> Antrag</label>
                        <label><input type="checkbox" name=""> Beschlossen</label>
                        <label><input type="checkbox" name=""> Abgeschlossen</label>
                        <label><input type="checkbox" name=""> Archiviert</label>
                    </fieldset>
                </div>
            </div>
        </div>
        <div
            class="toolbar-section quick-functions"
            id="workspace-sidebar-toolbar-quick-functions">
            <a
                class="
                    resize-full
                    icon 
                    pat-toggle"
                data-pat-toggle="selector: #application-body-workspaces; value: sidebar-normal sidebar-large"
                title="expand/reduce sidebar">Expand sidebar</a>
            <a
                title="Create new task"
                href="/feedback/panel-create-task.html#document-content"
                class="
                    create 
                    icon 
                    pat-modal"
                data-pat-modal="
                    class: medium panel create-task">New task</a>
            <a
                title="Settings"
                href="/feedback/panel-workspace-tasks-settings.html#document-content"
                class="
                    settings 
                    icon 
                    pat-modal"
                data-pat-modal="
                    class: small panel; 
                    panel-header-content: none">Settings</a>
        </div>
    </div>
</form>
        <form 
    class="search-box pat-inject pat-autosubmit pat-form" 
    action="/apps/workspaces/workspace-search-results-tasks-min.html#selector-items">
    <label 
        class="focus">
        <input 
            name="" 
            type="search" 
            placeholder="Search" class="focus">
        <button 
            type="submit">Search</button>
    </label>
</form>
        <div 
            id="documents-area-tickets-workspaces" 
            class="documents-area">   
            
                <a 
                    href="/apps/workspaces/workspace-sidebar-tickets" 
                    data-pat-inject="
                        target: #documents-area-tickets-workspaces; 
                        source: #documents-area-tickets-workspaces;
                        trigger: autoload-visible"
                    class="pat-inject infinite-scrolling-trigger">Loading…</a>
            
        </div>   
    </div>
    <div
        id="workspace-events">
        <div 
    class="pat-toolbar sticky"
    id="workspace-tasks-sidebar-toolbar">
    <div 
        id="workspace-sidebar-toolbar-functions-area"
        class="toolbar-functions-area pat-inject pat-form pat-autosubmit">
        <div 
            class="toolbar-section view-options" 
            id="module-toolbar-view-options">
        </div>
        <div 
            class="toolbar-section quick-functions">
            <a
                title="Create new event"
                href="/feedback/panel-create-event-minimal.html#document-content"
                class="
                    icon
                    create
                    pat-inject"
                data-pat-inject="source: #panel-new-event::element; target: #modal-panel">New</a>
            <a
                href="/feedback/calendar-tooltip-workspace#content"
                class="
                    icon
                    more
                    pat-tooltip
                    more-menu-trigger"
                data-pat-tooltip="source: ajax; position-list: tl">Options</a>
            <a
                class=" 
                    resize-full
                    icon
                    pat-toggle"
                data-pat-toggle="selector: #application-body-workspaces; value: sidebar-normal sidebar-large"
                title="expand/reduce sidebar">Expand sidebar</a>
        </div>
    </div>
</div>
        <div
            class="content">
            <p
                class="action-buttons">
                <a
                    class="call-to-action icon-grid pat-inject pat-switch"
                    href="/apps/workspaces/workspace-calendar.html#document-body-workspaces"
                    data-pat-switch="#application-body-workspaces focus-* focus-document">Workspace calendar</a>
            </p>
            <div 
                id="documents-area-events-workspaces" 
                class="documents-area"> 

                
                    <a 
                        href="/apps/workspaces/workspace-sidebar-events" 
                        data-pat-inject="
                            target: #documents-area-events-workspaces; 
                            source: #documents-area-events-workspaces;
                            trigger: autoload-visible"
                        class="pat-inject infinite-scrolling-trigger">Loading…</a>
                
            </div>
        </div>
    </div>

    <div
        id="workspace-questions">
        <div
            class="content">
            <form
    id="new-question"
    class="post-box pat-inject update-social status-inactive question"
    action="/parliamentary-papers"
    data-pat-inject="source: #workspace-questions; target: #workspace-questions">
    

    <fieldset
        class="pat-rich pat-switch post-box-post"
        data-pat-switch="#new-question status-inactive status-active">
        <textarea
            class="pat-tiptap "
            data-pat-tiptap="
                link-menu: /feedback/hyperlink-menu#document-content;
                mentions-menu: /feedback/panel-mentions-tiptap#document-content?user=;
                tags-menu: /feedback/panel-tags-tiptap#document-content?tag="
            placeholder="Click to ask a question to this team. Team members are notified automatically."
            autocomplete="off"
            ></textarea>
        <!-- <a class="iconified icon-attach" href="panel-attachment.html">Attach file or reference</a> -->
        
            <fieldset
                class="attachments pat-subform pat-autosubmit pat-inject" data-pat-inject="url: /feedback/attachment-waste-not-want-not.html; source: #attachments; target: #new-question-attachment-previews">
                <label
                    class="iconified icon-attach pat-switch"
                    data-pat-switch="#new-question status-* status-attach">
                    <input
                        multiple
                        type="file"
                        accept="image/*,.docx,.doc,.xlsx,.xls,.pptx,.ppt,.pdf"
                        title="Attach a file"> Attach a file (or create a picture)</label>
                <p
                    class="attachment-previews"
                    id="new-question-attachment-previews">
                    No attachments selected.
                </p>
                <!-- <button type="submit" hidden formaction="/feedback/attachment-waste-not-want-not.html">Upload attachments</button> -->
            </fieldset>
        
        
    </fieldset>
    <div
        class="button-bar post-box-button-bar">
        
        

        <button
            class="default pat-button pat-switch close-panel"
            data-pat-switch="selector: #new-question; remove: status-* ; add: status-inactive && selector: #new-question-reply-button; remove: executed"
            type="submit">Post</button>
        <button
            class="pat-button pat-switch close-panel"
            data-pat-switch="selector: #new-question; remove: status-*; add: status-inactive && selector: #new-question-reply-button; remove: executed"
            type="reset">Cancel</button>

        
            <label
                class="pat-checklist response-required">
                <input
                    type="checkbox"
                    name="response-required" /> Response required from all member airlines
            </label>
        

        <!-- <a class="iconified icon-users" href="panel-visibility.html">Define who can see this</a> -->
        
            <!-- <label class="visibility pat-select bare">
                <select>
                    <optgroup>
                        <option>
                            Everyone
                        </option>
                        <option>
                            Trusted users
                        </option>
                    </optgroup>
                    <optgroup>
                        <option>
                            Workspace so and so
                        </option>
                        <option>
                            Baggage handling regulations
                        </option>
                        <option>
                            Human resources
                        </option>
                    </optgroup>
                </select>
            </label> -->
        
    </div>

</form>


            <ul 
    class="questions-list navigation pat-navigation">
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    

    <li>
        <a href="#"><strong class="title">Ipsum dolor</strong> <time>Today 10:48</time></a>
    </li>

    <li>
        <a href="#"><strong class="title">Lorem ipsum dolor sit</strong> <time>Yesterday</time></a>
    </li>

    <li 
        class="type-inforeq">
        <a href="#"><strong class="title">Baggage got lost between two lorem ipsum dolor sit amet. Consectetuer maledictis vorentatis cachelbont.</strong> <time>Yesterday</time></a>
    </li>

    <li 
        class="state-private">
        <a href="#"><strong class="title">Consectetuer maledictis</strong> <time>Last week</time></a>
    </li>

    <li 
        class="state-private">
        <a href="#"><strong class="title">Vanitas vanitatem</strong> <time>Two weeks ago</time></a>
    </li>
</ul>
        </div>
    </div>

    <div
        id="workspace-settings">
        <nav 
    class="navigation tabs pat-tabs pat-navigation">
    <a
        href="/apps/workspaces/workspace-sidebar-settings-general#tabs-content-workspace-settings"
        data-pat-inject="scroll: top"
        class="pat-inject current">General</a>
    <a
        href="/apps/workspaces/workspace-sidebar-settings-members#tabs-content-workspace-settings"
        data-pat-inject="scroll: top"
        class="pat-inject ">Members</a>
    <a
        href="/apps/workspaces/workspace-sidebar-settings-security#tabs-content-workspace-settings"
        data-pat-inject="scroll: top"
        class="pat-inject ">Security</a>
    <a
        href="/apps/workspaces/workspace-sidebar-settings-advanced#tabs-content-workspace-settings"
        data-pat-inject="scroll: top"
        class="pat-inject ">Advanced</a>
</nav>
        <div
            class="tabs-content"
            id="tabs-content-workspace-settings">
            
                <a
                    href="/apps/workspaces/workspace-sidebar-settings-general"
                    class="pat-inject infinite-scrolling-trigger"
                    data-pat-inject="
                        target: #tabs-content-workspace-settings; 
                        source: #tabs-content-workspace-settings; 
                        trigger: autoload-visible">General</a>
            
        </div>
    </div>
</div>

</aside>
			
				
					<p
    id="toggle-sidebar">
    <span
        class="open pat-switch"
        data-pat-switch="selector: #application-body-workspaces; remove: sidebar-left-*; add: sidebar-left-open && selector: #application-body-workspaces; remove: focus-*; add: focus-sidebar">Open sidebar</span>
    <span
        class="close pat-switch"
        data-pat-switch="selector: #application-body-workspaces; remove: sidebar-left-*; add: sidebar-left-closed && selector: #application-body-workspaces; remove: focus-*; add: focus-document">Close sidebar</span>
</p>
				
			
		</div>
		<div
    id="application-label"
    class="application-label">
    <a
	href="/fd61b40e/assets/quaive/help/osh/#osh-back-to-portal"
	id="osh-target-back-to-portal"
	class="onscreen-help pat-tooltip"
	data-pat-tooltip="trigger: click; source: ajax; class: rich info;">Help</a>

    
        <a
            class="integrated suite-logo pat-switch"
            data-pat-switch="selector: #app-space; remove: state-*; add: state-off">Close</a>
    

    <a
        class="pat-tooltip more-menu-toggle icon-ellipsis"
        data-pat-tooltip="source: ajax;"
        href="#application-more-menu">More…</a>

    <nav
        class="breadcrumbs pat-navigation">

        
            <a
                class="pat-switch current "
                data-pat-switch="#app-space state-* state-on"><!-- Empty template -->Workspaces<span class="object-name">Empty template</span> </a>
            
        

    </nav>
    <div
        id="application-more-menu"
        hidden>
        <ul
            class="menu">
            
            <li>
                <a
                    class="icon-cancel close-panel pat-switch"
                    data-pat-switch="selector: #app-space; remove: state-*; add: state-off">Close</a>
            </li>
        </ul>
    </div>
</div>

	

	
		<ul
	class="portal-quick-nav pat-switch pat-navigation"
    data-pat-switch="selector: #error-message; add: hidden">
	<li
		class="portal-section portal-section-dashboard pat-switch"
		data-pat-switch="#app-space state-* state-paused && #app-space section-* section-dashboard"
		title="Dashboard">
        <a
        	href="/"
        	data-pat-inject="source: #portal-tabs; target: #portal-tabs && source: #portal-content; target: #portal-content; scroll: top"
        	class="pat-inject">Dashboard</a>
	</li>
	<li
		class="portal-section portal-section-apps pat-switch"
		data-pat-switch="#app-space state-* state-paused && #app-space section-* section-apps"
		title="Apps">
        <a
        	href="/apps/"
        	data-pat-inject="source: #portal-tabs; target: #portal-tabs && source: #portal-content; target: #portal-content; scroll: top"
        	class="pat-inject">Apps</a>
	</li>
</ul>
	

    <a
	href="/fd61b40e/assets/quaive/help/osh/#osh-back-to-portal"
	id="osh-target-back-to-portal"
	class="onscreen-help pat-tooltip"
	data-pat-tooltip="trigger: click; source: ajax; class: rich info;">Help</a>

    <button
    	id="back-to-overview"
    	class="pat-switch button-navigation-back icon-left-open"
    	data-pat-switch="selector: #app-space; remove: state-*; add: state-off"
    	>Back</button>

</div>


	<div id="portal"
	     class="section-dashboard application-portal view pat-scroll-box">

		<div 
	class="navigation portal-tabs pat-bumper"
     data-pat-bumper="selector: #portal"
     id="portal-tabs">
	<nav 
		class="container pat-navigation">
		<a 
			 
			class="organisation">Quaive</a>
		 <a 
		 	class="title">Quaive Cloud</a>
			<a
	href="/fd61b40e/assets/quaive/help/osh/#osh-reference-guide-dashboard"
	id="osh-target-reference-guide-dashboard"
	class="onscreen-help pat-tooltip"
	data-pat-tooltip="trigger: click; source: ajax; class: rich info;">Help</a>
		<a
			data-pat-toggle="selector: #global-header; value: mobile-menu-on"
		     class="section-dashboard tab pat-switch pat-toggle close-panel pat-inject "
		     data-pat-inject="history: record; scroll: top"
		     data-pat-switch="
		     	selector: #portal; remove: section-*; add: section-dashboard&& 
		     	selector: #app-space; remove: section-*; add: section-dashboard "
		     href="/index.html#portal-content">
	        	Dashboard
	     </a>

		<a
	href="/fd61b40e/assets/quaive/help/osh/#osh-nav-tiles-apps"
	id="osh-target-nav-tiles-apps"
	class="onscreen-help pat-tooltip"
	data-pat-tooltip="trigger: click; source: ajax; class: rich info;">Help</a>
		 <a
		 	href="/apps/#portal-content"
		     class="section-apps tab pat-inject pat-switch close-panel "
		   	data-pat-switch="
		   		selector: #portal; remove: section-*; add: section-apps 
		   			&& 
		   		selector: #app-space; remove: section-*; add: section-apps"
		     data-pat-inject="history: record; scroll: top">Apps</a>

		<a
	href="/fd61b40e/assets/quaive/help/osh/#osh-reference-guide-news"
	id="osh-target-reference-guide-news"
	class="onscreen-help pat-tooltip"
	data-pat-tooltip="trigger: click; source: ajax; class: rich info;">Help</a>
		<a
			href="/news/#portal-content"
		   	class="section-news plugin-tab tab pat-inject pat-switch close-panel "
		   	data-pat-switch="
		   		selector: #portal; remove: section-*; add: section-news 
		   			&& 
		   		selector: #app-space; remove: section-*; add: section-news"
		   	data-pat-inject="history: record; scroll: top">News</a>

		<a
	href="/fd61b40e/assets/quaive/help/osh/#osh-reference-guide-library"
	id="osh-target-reference-guide-library"
	class="onscreen-help pat-tooltip"
	data-pat-tooltip="trigger: click; source: ajax; class: rich info;">Help</a>
		<a
			href="/library/#portal-content"
		   	class="section-library plugin-tab tab pat-inject pat-switch close-panel "
		   	data-pat-switch="
		   		selector: #portal; remove: section-*; add: section-library 
		   			&& 
		   		selector: #app-space; remove: section-*; add: section-library"
		   	data-pat-inject="history: record; scroll: top;">Library</a>

		<a
	href="/fd61b40e/assets/quaive/help/osh/#osh-reference-guide-workspaces"
	id="osh-target-reference-guide-workspaces"
	class="onscreen-help pat-tooltip"
	data-pat-tooltip="trigger: click; source: ajax; class: rich info;">Help</a>
		<a
			href="/workspaces/#portal-content"
		   	class="section-workspaces plugin-tab tab pat-inject pat-switch close-panel "
		   	data-pat-switch="
		   		selector: #portal; remove: section-*; add: section-workspaces 
		   			&& 
		   		selector: #app-space; remove: section-*; add: section-workspaces"
		   	data-pat-inject="history: record; scroll: top">Workspaces</a>

	<!-- 		<a href="#" >Messages</a> -->
	 </nav>
</div>


		<div class="container" id="portal-content">
			
			
				<a href="/workspaces#portal-content"
				   class="pat-inject infinite-scrolling-trigger"
				   data-pat-inject="trigger: autoload; delay: 1000">Load workspaces overview</a>.
			
		</div>
	</div>


<header id="global-header">
    
        

                
                    
	<a 
		href="/feedback/personal-menu.html#content" 
		data-initials="LBa" 
		class="pat-avatar pat-tooltip user-info-avatar" data-pat-tooltip='class: personal-menu; position-list: tr; position-policy: force; trigger: click; source: ajax' 
		id="user-avatar">
		
			<img 
				src="/fd61b40e/media/avatar-liz-baker.jpg" 
				alt="Liz Baker" />
		
	</a>    

                

                
                    <span
                        id="notifications-sentinel">
                        <a
                            href="/apps/notifications/#notifications"
                            id="notification-link"
                            class="icon iconified icon-bell pat-tooltip pat-push"
                            data-pat-tooltip="source: ajax; position-list: tr; position-policy: force; class: notifications">
                            Notifications
                            <sup
                                id="online-count"
                                class="counter digit-2">14</sup>
                        </a>
<!--                         <a
                            href="/feedback/notifications-sentinel#notifications-sentinel"
                            class="pat-inject"
                            data-pat-inject="trigger: autoload; delay: 30000ms"
                            id="notifications-sentinel-trigger"
                            hidden>Poll notifications</a>    -->
                    </span>

                    <a
                        href="/apps/messages/#app-space"
                        id="messages-link"
                        data-pat-inject="history: record; source: #application-body-messages::element; target: #application-body-messages::element"
                        data-pat-switch="selector: #app-space; remove: state-*; add: state-on && #app-space active-app-* active-app-messages"
                        class="discrete-injection pat-switch pat-inject icon iconified icon-chat pat-push">
                        Messages <sup id="messages-unread-count" class="counter digit-1">1</sup>
                    </a>
                

                <button title="Toggle the onscreen help system on or off" id="osh-toggle" class="pat-forward icon iconified icon-help-circle osh-toggle pat-toggle" data-pat-toggle="selector: body; value: osh-on osh-off; store: local">?</button>

            
        

        
            <form
                action="/apps/search/search-results-min.html"
                data-pat-inject="source: #application-body-search::element; target: #application-body-search::element"
                class="search pat-inject pat-form"
                id="global-nav-search">
                <label
                    id="global-search-field"
                    class="">
                    <input
                        class="search"
                        name="SearchableText"
                        placeholder="Search through content…"
                        type="text">
                </label>
                <button
                    class="pat-switch"
                    data-pat-switch="selector: #app-space; remove: state-*; add: state-on && #app-space active-app-* active-app-search"
                    name="submit"
                    tabindex="-1"
                    type="submit"
                    value="submit">Search</button>
            </form>
        

        

    
</header>


				
			
			
				<a
					href="/feedback/mobile-menu#document-content"
				    id="mobile-menu"
				    class="pat-tooltip stand-alone suite-logo"
				    data-pat-switch="selector: #app-space; remove: application-*"
				    data-pat-tooltip="source: ajax; class: portal-navigation; position-list: tl">Quaive Cloud</a>
				<a
	href="/fd61b40e/assets/quaive/help/osh/#osh-hamburger"
	id="osh-target-hamburger"
	class="onscreen-help pat-tooltip"
	data-pat-tooltip="trigger: click; source: ajax; class: rich info;">Help</a>
			
		</div>

		<div
			id="error-zone">
			
		</div>

		
			<section
	class="place-on-homescreen pat-collapsible open"
	id="place-on-homescreen-ios-safari"
	data-pat-collapsible="store: local">
    <h4>
        Web-App
    </h4>
    <p>
        Install this Web-App on your iPhone: Tap <span class="iconified icon-apple-share">the share icon</span> and select "Add to Home Screen".
    </p>
</section>
		

		<div
			id="push-list"
			hidden>
			<a
				href="/feedback/message-count"
				class="pat-inject"
				data-pat-inject="push-marker: 1; source: #messages-unread-count::element; target: #messages-unread-count::element"
				>Update messages counter</a>
		</div>

		

	</body>
</html>
