organization profile & no ticket placeholder
This commit is contained in:
Felix Niklas
parent
25516c19f6
commit
027b25ae0d
6 changed files with 276 additions and 36 deletions
|
|
@ -590,4 +590,15 @@ class ReferenceUserProfile extends App.ControllerContent
|
||||||
|
|
||||||
App.Config.set( 'layout_ref/user_profile', ReferenceUserProfile, 'Routes' )
|
App.Config.set( 'layout_ref/user_profile', ReferenceUserProfile, 'Routes' )
|
||||||
|
|
||||||
|
class ReferenceOrganizationProfile extends App.ControllerContent
|
||||||
|
|
||||||
|
constructor: ->
|
||||||
|
super
|
||||||
|
@render()
|
||||||
|
|
||||||
|
render: ->
|
||||||
|
@html App.view('layout_ref/organization_profile')()
|
||||||
|
|
||||||
|
App.Config.set( 'layout_ref/organization_profile', ReferenceOrganizationProfile, 'Routes' )
|
||||||
|
|
||||||
App.Config.set( 'LayoutRef', { prio: 1700, parent: '#current_user', name: 'Layout Reference', target: '#layout_ref', role: [ 'Admin' ] }, 'NavBarRight' )
|
App.Config.set( 'LayoutRef', { prio: 1700, parent: '#current_user', name: 'Layout Reference', target: '#layout_ref', role: [ 'Admin' ] }, 'NavBarRight' )
|
||||||
|
|
|
||||||
|
|
@ -16,6 +16,7 @@
|
||||||
<li>Communication Reply - with multiline content <a href="#layout_ref/communication_reply/mulit_line_content">Example</a></li>
|
<li>Communication Reply - with multiline content <a href="#layout_ref/communication_reply/mulit_line_content">Example</a></li>
|
||||||
<li><a href="#layout_ref/import_wizard">Import Wizard</a></li>
|
<li><a href="#layout_ref/import_wizard">Import Wizard</a></li>
|
||||||
<li><a href="#layout_ref/user_profile">User Profile</a></li>
|
<li><a href="#layout_ref/user_profile">User Profile</a></li>
|
||||||
|
<li><a href="#layout_ref/organization_profile">Organization Profile</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -0,0 +1,241 @@
|
||||||
|
<div class="flex profile">
|
||||||
|
|
||||||
|
<div class="profile-window">
|
||||||
|
<div class="profile-section vertical centered">
|
||||||
|
<div class="align-right profile-action dropdown dropdown--actions">
|
||||||
|
<div class="dropdown-toggle horizontal center" id="organizationProfile" data-toggle="dropdown">
|
||||||
|
<div class="light cog icon"></div>
|
||||||
|
<label>Aktion</label>
|
||||||
|
<span class="select-arrow icon"></span>
|
||||||
|
</div>
|
||||||
|
<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="organizationProfile">
|
||||||
|
<li role="presentation"><a role="menuitem" tabindex="-1">Kontaktdaten bearbeiten</a>
|
||||||
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Änderungsprotokoll</a>
|
||||||
|
<li role="presentation"><a role="menuitem" tabindex="-1">Benutzer zusammenführen</a>
|
||||||
|
<li role="presentation"><a role="menuitem" tabindex="-1">Benutzer löschen</a>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h1>Steuerbüro C. Kaik</h1>
|
||||||
|
</div>
|
||||||
|
<div class="profile-section">
|
||||||
|
<div class="profile-details horizontal wrap">
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<label>Web</label>
|
||||||
|
<a href="http://ckaik.com" target="_blank">chaik.com</a>
|
||||||
|
</div>
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<label>Strasse</label>
|
||||||
|
Johannitergasse 2/2
|
||||||
|
</div>
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<label>Telefon</label>
|
||||||
|
+43 5522 36346
|
||||||
|
</div>
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<label>PLZ, ORT</label>
|
||||||
|
6800 Feldkirch
|
||||||
|
</div>
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<label>Mobile-Nr.</label>
|
||||||
|
+43 699 4565789
|
||||||
|
</div>
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<label>Land</label>
|
||||||
|
Österreich
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="profile-section">
|
||||||
|
<label><%- @T('Members') %></label>
|
||||||
|
<div class="profile-details horizontal wrap">
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<a href="#">Doreen Kubiak</a>
|
||||||
|
</div>
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<a href="#">Franz Xaver</a>
|
||||||
|
</div>
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<a href="#">Julius Müller</a>
|
||||||
|
</div>
|
||||||
|
<div class="profile-detailsEntry">
|
||||||
|
<a href="#">Hans Hubert</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="profile-section">
|
||||||
|
<div class="profile-ticketLists horizontal">
|
||||||
|
<div class="profile-ticketList">
|
||||||
|
<label>Offene Tickets (23)</label>
|
||||||
|
<ol class="tasks tasks--standalone">
|
||||||
|
<li class="task level-2">
|
||||||
|
<div class="icon-holder">
|
||||||
|
<div class="priority icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="name">Micro-SIM doesn't work</div>
|
||||||
|
<div class="time">23 minutes ago</div>
|
||||||
|
</div>
|
||||||
|
<li class="task level-2">
|
||||||
|
<div class="icon-holder">
|
||||||
|
<div class="priority icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="name">Superb Service!</div>
|
||||||
|
<div class="time">43 minutes ago</div>
|
||||||
|
</div>
|
||||||
|
<li class="task level-2">
|
||||||
|
<div class="icon-holder">
|
||||||
|
<div class="priority icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="name">Print sheets strip off</div>
|
||||||
|
<div class="time">1 hour ago</div>
|
||||||
|
</div>
|
||||||
|
<li class="task level-2">
|
||||||
|
<div class="icon-holder">
|
||||||
|
<div class="priority icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="name">Block not properly wrought</div>
|
||||||
|
<div class="time">2 hour ago</div>
|
||||||
|
</div>
|
||||||
|
</ol>
|
||||||
|
<a href="#">Alle Tickets von Doreen Kubiak …</a>
|
||||||
|
</div>
|
||||||
|
<div class="profile-ticketList">
|
||||||
|
<label>Bearbeitete Tickets (12)</label>
|
||||||
|
<ol class="tasks tasks--standalone">
|
||||||
|
<li class="task level-1">
|
||||||
|
<div class="icon-holder">
|
||||||
|
<div class="priority icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="name">Micro-SIM doesn't work</div>
|
||||||
|
<div class="time">23 minutes ago</div>
|
||||||
|
</div>
|
||||||
|
<li class="task level-1">
|
||||||
|
<div class="icon-holder">
|
||||||
|
<div class="priority icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="name">Superb Service!</div>
|
||||||
|
<div class="time">43 minutes ago</div>
|
||||||
|
</div>
|
||||||
|
<li class="task level-1">
|
||||||
|
<div class="icon-holder">
|
||||||
|
<div class="priority icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="name">Print sheets strip off</div>
|
||||||
|
<div class="time">1 hour ago</div>
|
||||||
|
</div>
|
||||||
|
<li class="task level-1">
|
||||||
|
<div class="icon-holder">
|
||||||
|
<div class="priority icon"></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="name">Block not properly wrought</div>
|
||||||
|
<div class="time">2 hour ago</div>
|
||||||
|
</div>
|
||||||
|
</ol>
|
||||||
|
<a href="#">Alle Tickets von Steuerbüro C. Kaik …</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="profile-section">
|
||||||
|
<div class="frequency stat-widget vertical">
|
||||||
|
<h3>Frequency</h3>
|
||||||
|
<div class="stat-graphic">
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 80%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 34%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Jan</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 53%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 47%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Feb</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 46%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 21%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Mär</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 24%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 18%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Apr</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 13%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 5%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Mai</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 18%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 10%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Jun</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 50%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 8%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Jul</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 67%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 13%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Aug</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 34%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 2%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Sep</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 5%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 0%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Okt</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 25%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 0%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Nov</div>
|
||||||
|
</div>
|
||||||
|
<div class="stats-row">
|
||||||
|
<div class="stat-bars">
|
||||||
|
<div class="stat-bar primary" style="height: 80%"></div>
|
||||||
|
<div class="stat-bar secondary" style="height: 5%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-label">Dez</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-legend">
|
||||||
|
<div class="stat-legendEntry primary"><span class="primary stat-circle"></span>Bearbeitet</div>
|
||||||
|
<div class="stat-legendEntry secondary"><span class="secondary stat-circle"></span>Offen</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -64,41 +64,11 @@
|
||||||
<!-- endif -->
|
<!-- endif -->
|
||||||
<div class="profile-ticketLists horizontal">
|
<div class="profile-ticketLists horizontal">
|
||||||
<div class="profile-ticketList">
|
<div class="profile-ticketList">
|
||||||
<label>Offene Tickets (23)</label>
|
<label>Offene Tickets (0)</label>
|
||||||
<ol class="tasks tasks--standalone">
|
<div class="profile-ticketsPlaceholder vertical centered">
|
||||||
<li class="task level-2">
|
<div class="mood icon supergood-state"></div>
|
||||||
<div class="icon-holder">
|
Keine offenen Tickets
|
||||||
<div class="priority icon"></div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flex">
|
|
||||||
<div class="name">Micro-SIM doesn't work</div>
|
|
||||||
<div class="time">23 minutes ago</div>
|
|
||||||
</div>
|
|
||||||
<li class="task level-2">
|
|
||||||
<div class="icon-holder">
|
|
||||||
<div class="priority icon"></div>
|
|
||||||
</div>
|
|
||||||
<div class="flex">
|
|
||||||
<div class="name">Superb Service!</div>
|
|
||||||
<div class="time">43 minutes ago</div>
|
|
||||||
</div>
|
|
||||||
<li class="task level-2">
|
|
||||||
<div class="icon-holder">
|
|
||||||
<div class="priority icon"></div>
|
|
||||||
</div>
|
|
||||||
<div class="flex">
|
|
||||||
<div class="name">Print sheets strip off</div>
|
|
||||||
<div class="time">1 hour ago</div>
|
|
||||||
</div>
|
|
||||||
<li class="task level-2">
|
|
||||||
<div class="icon-holder">
|
|
||||||
<div class="priority icon"></div>
|
|
||||||
</div>
|
|
||||||
<div class="flex">
|
|
||||||
<div class="name">Block not properly wrought</div>
|
|
||||||
<div class="time">2 hour ago</div>
|
|
||||||
</div>
|
|
||||||
</ol>
|
|
||||||
<a href="#">Alle Tickets von Doreen Kubiak …</a>
|
<a href="#">Alle Tickets von Doreen Kubiak …</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="profile-ticketList">
|
<div class="profile-ticketList">
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,7 @@
|
||||||
|
|
||||||
<% if @organization.members: %>
|
<% if @organization.members: %>
|
||||||
<div class="profile-section">
|
<div class="profile-section">
|
||||||
<label><%- @T('Member') %></label>
|
<label><%- @T('Members') %></label>
|
||||||
<div class="profile-details horizontal wrap">
|
<div class="profile-details horizontal wrap">
|
||||||
|
|
||||||
<% for user in @organization.members: %>
|
<% for user in @organization.members: %>
|
||||||
|
|
|
||||||
|
|
@ -4216,6 +4216,16 @@ footer {
|
||||||
margin-left: -50px;
|
margin-left: -50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.profile-ticketsPlaceholder {
|
||||||
|
@extend .flex;
|
||||||
|
margin: 12px 0 22px;
|
||||||
|
color: hsl(209,28%,74%);
|
||||||
|
|
||||||
|
.mood.icon {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.profile-detailsEntry {
|
.profile-detailsEntry {
|
||||||
margin: 8px 0;
|
margin: 8px 0;
|
||||||
padding-left: 50px;
|
padding-left: 50px;
|
||||||
|
|
@ -4230,10 +4240,17 @@ footer {
|
||||||
|
|
||||||
.profile-ticketList {
|
.profile-ticketList {
|
||||||
@extend .flex;
|
@extend .flex;
|
||||||
|
@extend .vertical;
|
||||||
|
|
||||||
&:not(:last-child) {
|
&:not(:last-child) {
|
||||||
margin-right: 50px;
|
margin-right: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tasks {
|
||||||
|
@extend .flex;
|
||||||
|
@extend .vertical;
|
||||||
|
@extend .justified;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-ticketList {
|
.profile-ticketList {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue