2020-04-07 20:37:41 +02:00
< div class = "toolbar toolbar-elements" v-bind:class = "{in:toolbar_artifacts_in,out:!toolbar_artifacts_in}" v-show = "!is_active_space_role('viewer') && active_space_loaded" >
< div class = "btn-group light vertical" >
< a class = "btn btn-icon btn-transparent"
title="[[__("home")]]" href="/spaces"
v-if="(!active_space.parent_space_id & & !guest_nickname)">
< span class = "icon icon-folder" > < / span >
< / a >
< a class = "btn btn-icon btn-transparent"
title="Parent Folder"
href="/folders/{{active_space.parent_space_id}}"
v-if="(active_space.parent_space_id & & !guest_nickname)">
< span class = "icon icon-folder" > < / span >
< / a >
2017-04-07 01:29:05 +02:00
2020-04-07 20:37:41 +02:00
< button class = "btn btn-divider" > < / button >
2017-04-07 01:29:05 +02:00
2020-04-07 20:37:41 +02:00
< div class = "dropdown top left light" v-bind:class = "{open:opened_dialog=='shapes'}" >
2017-04-07 01:29:05 +02:00
< div class = "btn-collapse in" >
< button class = "btn btn-transparent btn-icon-labeled" v-bind:class = "{open:opened_dialog=='shapes'}" v-on:click = "open_dialog('shapes')" >
< span class = "icon icon-shapes" > < / span >
< span class = "icon-label" > [[__("tool_shape")]]< / span >
< / button >
< / div >
< div class = "dialog" >
{% include "./shapes.html" %}
< / div >
< / div >
2020-04-07 20:37:41 +02:00
< button class = "btn btn-icon-labeled btn-transparent" v-on:click = "start_drawing_scribble()" v-bind:class = "{active:active_tool=='scribble'}" >
2017-04-07 01:29:05 +02:00
< span class = "icon icon-tool-scribble" > < / span >
< span class = "icon-label" > [[__("tool_scribble")]]< / span >
< / button >
2020-04-07 20:37:41 +02:00
< button class = "btn btn-icon-labeled btn-transparent" v-on:click = "start_drawing_arrow()" v-bind:class = "{active:active_tool=='arrow'}" >
< span class = "icon icon-tool-arrow" > < / span >
< span class = "icon-label" > [[__("tool_arrow")]]< / span >
< / button >
2017-04-07 01:29:05 +02:00
< div class = "dropdown bottom light center" >
< div class = "btn-collapse in" >
< button class = "btn btn-transparent btn-icon-labeled" v-on:click = "handle_insert_image_url()" v-on:touchstart = "handle_insert_image_url()" >
< span class = "icon icon-upload" > < / span >
< span class = "icon-label" > [[__("tool_upload")]]< / span >
< / button >
< / div >
< / div >
< div class = "dropdown bottom light center" >
< div class = "btn-collapse in" >
2020-04-07 20:37:41 +02:00
< button class = "btn btn-transparent btn-icon-labeled" v-on:click = "active_tool='note'" v-bind:class = "{active:active_tool=='note'}" >
2017-04-07 01:29:05 +02:00
< span class = "icon icon-tool-text" > < / span >
< span class = "icon-label" > [[__("tool_text")]]< / span >
< / button >
< / div >
< / div >
2020-04-07 20:37:41 +02:00
< div class = "dropdown top left light" >
2017-04-07 01:29:05 +02:00
< div class = "btn-collapse" >
< button class = "btn btn-transparent btn-icon-labeled" v-bind:class = "{open:opened_dialog=='image'}" v-on:click = "open_dialog('image')" >
< span class = "icon icon-picture" > < / span >
< span class = "icon-label" > [[__("image")]]< / span >
< / button >
< / div >
< div class = "dialog" >
{% include "./image.html" %}
< / div >
< / div >
2020-04-07 20:37:41 +02:00
< div class = "dropdown top left light" v-bind:class = "{open:opened_dialog=='zones'}" >
2017-04-07 01:29:05 +02:00
< div class = "btn-collapse in" >
< button class = "btn btn-transparent btn-icon-labeled" v-bind:class = "{open:opened_dialog=='zones'}" v-on:click = "open_dialog('zones')" >
< span class = "icon icon-zone" > < / span >
< span class = "icon-label" > [[__("tool_zones")]]< / span >
< / button >
< / div >
< div class = "dialog" >
{% include "./zones.html" %}
< / div >
< / div >
2018-04-12 18:40:58 +02:00
2017-04-07 01:29:05 +02:00
< button class = "btn btn-divider" v-show = "logged_in" > < / button >
2020-04-07 20:37:41 +02:00
< div class = "dropdown top left center" v-show = "logged_in" v-bind:class = "{open:opened_dialog=='background'}" >
2017-04-07 01:29:05 +02:00
< div class = "btn-collapse in" >
< button class = "btn btn-transparent btn-icon-labeled" v-bind:class = "{open:opened_dialog=='background'}" v-on:click = "open_dialog('background')" >
< span class = "letter" > bg< / span >
< span class = "icon-label" > [[__("tool_canvas")]]< / span >
< / button >
< / div >
< div class = "dialog" >
{% include "./background.html" %}
< / div >
< / div >
2020-04-07 20:37:41 +02:00
< button class = "btn btn-transparent btn-icon-labeled" v-on:click = "activate_access()" >
< span class = "icon icon-share" > < / span >
< span class = "icon-label" > [[ __('share') ]]< / span >
< / button >
<!--
< li v-on:click = "edit_space_title()" v-if = "logged_in" >
< span >
< span class = "icon icon-sm icon-tag" > < / span >
< span > [[ __('rename') ]]< / span >
< / span >
< / li >
-->
< button class = "btn btn-transparent btn-icon-labeled" title = "Start Presentation (others follow what you see)" v-on:click = "toggle_present_mode()" v-bind:class = "{open:present_mode}" >
< span class = "icon icon-presentation" > < / span >
< span class = "icon-label" > [[ __('present') ]]< / span >
< / button >
2017-04-07 01:29:05 +02:00
< / div >
< / div >