initial commit.

views/partials/modal/access.html

@@ -0,0 +1,124 @@
+<div class="modal" v-if="active_modal == 'access' && access_settings_space" v-cloak>
+  <div class="modal-wrapper">
+    <div class="modal-dialog">
+      <div class="modal-content" style="width:760px">
+        <div class="modal-header" style="padding-bottom:0">
+          <h3 class="text-left"><span class="icon icon-share icon-sm"></span> [[__("share")]]: {{access_settings_space.name}}</h3>
+          <button type="button" class="btn btn-icon btn-light btn-round close" v-on:click=" close_modal()">
+            <span class="icon icon-cross-1"></span>
+          </button>
+        </div>
+
+        <div class="modal-body">
+          <div class="modal-section" style="padding-top:0;padding-bottom:20px">
+            <label class="radio" v-bind:class="{checked:access_settings_space.access_mode=='private'}">
+              <input type="radio" name="access_mode" value="private" v-model="access_settings_space.access_mode" v-on:click="save_space_access_mode($event)"> [[__("mode_private")]]
+            </label>
+            <label class="radio" v-bind:class="{checked:access_settings_space.access_mode=='public'}">
+              <input type="radio" name="access_mode" value="public" v-model="access_settings_space.access_mode" v-on:click="save_space_access_mode($event)">[[__("mode_public")]]
+            </label>
+          </div>
+
+          <div class="modal-section" v-if="active_space" style="padding-bottom:10px">
+            <h4 class="text-left"><span class="icon icon-link icon-sm"></span> [[__("access_editor_link")]] </h4>
+            <p class="text-left">
+              [[__("access_editor_link_desc")]]
+            </p>
+            
+            <div class="input-group org-add-form">
+              <input id="editorurl2" type="text" class="form-control input input-lg"  v-bind:value="share_base + '/s/' + access_settings_space.edit_hash + (access_settings_space.edit_slug ? '-' : '') + access_settings_space.edit_slug"/>
+
+              <span class="input-group-btn">
+                <span id="org-add-member" class="btn btn-lg btn-primary clipboard-btn" data-clipboard-target="#editorurl2" v-clipboard>
+                  [[__("copy")]]
+                </span>
+              </span>
+            </div>
+
+
+            <label class="checkbox" v-bind:class="{checked:access_settings_space.editors_locking}">
+              <input
+                 type="checkbox"
+                 v-bind:checked="access_settings_space.editors_locking"
+                 v-model="access_settings_space.editors_locking" v-on:change="save_space_editors_locking($event)" />
+              [[__("access_anonymous_edit_blocking")]]
+            </label>
+          </div>
+
+          <!-- subsection "invite" -->
+          <div id="new-editor" class="modal-section" style="padding-bottom:20px">
+            <h4 class="text-left"><span class="icon icon-user-add icon-sm"></span> [[__('access_new_members')]]</h4>
+
+            <div class="form-group">
+              <span class="error-note" v-if="invite_email_error">{{invite_email_error}}</span>
+              <input class="input input-block input-white"
+                     v-bind:class="{error: !!invite_email_error}"
+                     id="invitee_email"
+                     v-model="invite_email"
+                     type="email" placeholder="[[__('invite_emails')]]">
+
+              <textarea id="invite-message"  class="input input-block input-white overflow-y-scroll"
+                        v-model="invite_message" placeholder="[[__('optional_message')]]" name="Message"></textarea>
+
+              <select class="input input-white" v-model="invite_member_role">
+                <option value="viewer">[[__("role_viewer")]]</option>
+                <option value="editor">[[__("role_editor")]]</option>
+                <option value="admin">[[__("role_admin")]]</option>
+              </select>
+            </div>
+
+            <div class="form-group">
+              <button class="btn btn-primary btn-md btn-round" v-on:click="invite_member(access_settings_space, invite_email, invite_message, invite_member_role)"> [[__("invite")]] </button>
+            </div>
+          </div>
+
+          
+          <!-- subsection "editors list" -->
+          <div class="modal-section" style="padding-bottom:60px">
+            <h4 class="text-left"><span class="icon icon-user-group icon-sm"></span> [[__("access_current_members")]]</h4>
+            <table class="table">
+              <tr>
+                <th></th>
+                <th>Email / Name</th>
+                <th>Role</th>
+                <th></th>
+              </tr>
+              <tr v-for="member in access_settings_memberships" v-bind:class="member.state">
+                <td>
+                  <span class="editor-avatar btn btn-xs btn-round btn-icon" v-if="member.user">{{member.user.initials}}</span>
+                  <span class="editor-avatar btn btn-xs btn-round btn-icon icon-hourglass" v-if="!member.user"></span>
+                </td>
+                <td>
+                  <span class="editor-email" v-if="member.state == 'active'">{{member.user.email}}</span>
+                  <span class="editor-email" v-if="member.state == 'pending'">{{member.email_invited}}</span>
+                  <span class="editor-name" v-if="member.state == 'active'">{{member.user.nickname}}</span>
+                  <span class="editor-email" v-if="member.state == 'pending'">(pending)</span>
+                </td>
+                <td>
+                  <div class="form-group">
+                    <select class="input input-sm" v-model="member.role" v-on:change="update_member(access_settings_space, member, $event.currentTarget.value)" style="width:auto">
+                      <option value="viewer">[[__("role_viewer")]]</option>
+                      <option value="editor">[[__("role_editor")]]</option>
+                      <option value="admin">[[__("role_admin")]]</option>
+                    </select>
+                  </div>
+                </td>
+                <td>
+                  <button class="btn btn-sm btn-stroke-darken" v-on:click="remove_member(access_settings_space, member)">[[__("delete")]]</button>
+                </td>
+              </tr>
+            </table>
+            <p class="text-left" v-if="!access_settings_memberships.length">
+              [[__("access_no_members")]]
+            </p>
+
+            <div class="form-group" style="padding-top: 40px">
+              <button class="btn btn-primary btn-md btn-round" v-on:click="close_modal();"> [[__("ok")]] </button>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

views/partials/modal/create-space.html

@@ -0,0 +1,35 @@
+<div class="modal" v-if="active_modal == 'create-space'" v-cloak>
+  <div class="modal-wrapper">
+    <div class="modal-dialog">
+
+      <button type="button" class="btn btn-icon btn-light btn-round close" v-on="click : close_modal()">
+        <span class="icon icon-cross-1"></span> 
+      </button>
+
+      <div class="modal-content">
+        <div class="modal-body labels-inline">
+          <div class="modal-section p-5">
+            What would you like to create?
+
+            <div>
+              <input type="text" v-model="create_space_title" placeholder="Title">
+            </div>
+
+            <div>
+              <button class="btn" v-on="click: create_space('space','whiteboard')">Whiteboard</button>
+            </div>
+
+            <div>
+              <button class="btn" v-on="click: create_space('space','collection')">Note Collection</button>
+            </div>
+
+            <div>
+              <button class="btn" v-on="click: create_space('space','article')">Article</button>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

views/partials/modal/folder-settings.html

@@ -0,0 +1,43 @@
+<div class="modal" v-if="active_modal == 'folder-settings'" v-cloak>
+<div class="modal-wrapper">
+  <div class="modal-dialog top">
+    <div class="modal-content">
+      <div class="modal-header no-p">
+        <button type="button" class="btn btn-icon btn-light btn-round close" v-on:click="close_modal()">
+          <span class="icon icon-cross-1"></span>
+        </button>
+        <h4 class="modal-title">[[__("folder_settings")]]</h4>
+      </div>
+
+      <div class="modal-body">
+        <div class="modal-section">
+          <div class="form-group">
+            <label class="label">[[__("title")]]</label>
+            <input type="text" class="input" v-model="active_folder.name">
+          </div>
+
+          <div style="margin:auto;background-size:cover;background-position:50% 50%;border-radius:10px;margin-bottom:10px;width:200px;height:100px;background-image:url({{active_folder.avatar_thumb_uri}})" v-if="active_folder.avatar_thumb_uri">
+          </div>
+
+          <div class="progress state-processing" v-if="uploading_folder_avatar">
+            <div class="spinner"></div>
+          </div>
+
+          <div class="form-group text-center">
+            <label class="file btn btn-sm btn-round btn-stroke-darken">
+              <input type="file" id="file" v-on:change="save_folder_avatar_image(this);">
+              <span>[[__("upload_cover_image")]]</span>
+            </label>
+          </div>
+        </div>
+
+        <div class="modal-section">
+          <h4 class="modal-title" style="padding-top:0px">[[__("access_caption")]]</h4>
+        </div>
+
+      </div>
+
+    </div>
+  </div>
+</div>
+</div>

views/partials/modal/login.html

@@ -0,0 +1,84 @@
+<div class="modal" v-if="active_modal == 'login'" v-cloak>
+  <div class="modal-wrapper">
+    <div class="modal-dialog">
+
+      <button type="button" class="btn btn-icon btn-light btn-round close" v-on:click="close_modal()">
+        <span class="icon icon-cross-1"></span> 
+      </button>
+
+      <div class="modal-content">
+        <div class="modal-body">
+          <div class="modal-section no-b">
+
+            <div id="account-forms-modal">
+              <div v-show="active_modal_view != 'signup'">
+                <div class="content">
+                  <form>
+                    <h4>Login</h4>
+
+                    <div class="tight">
+                      <div class="form-group">
+                        <input class="input" type="text" focus-me="true" v-model="login_email" placeholder="Email">
+                      </div>
+                      <div class="form-group">
+                        <input class="input" type="password" v-model="login_password" placeholder="Password">
+                      </div>
+                    </div>
+
+                    <span type="submit" class="btn btn-primary btn-xl btn-block btn-round" v-on:click="login_submit_modal(login_email, login_password, $event)">
+                      <span v-show="!loading_user">Log In</span>
+                      <span v-show="loading_user">Logging in…</span>
+                    </span>  
+
+                    <div class="center alert alert-danger" v-if="login_error" v-model="login_error"></div>
+
+                    <span class="btn btn-link btn-block" v-on:click="active_modal_view='signup'">Create a new account</span>
+                  </form>
+                </div>
+              </div>
+
+              <div v-show="active_modal_view == 'signup'">
+                <div class="content">
+                  <form>
+                    <h4>Sign Up</h4>
+
+                    <div class="tight">
+                      <div class="form-group">
+                        <input class="input" type="text" id="user-name" v-model="name" placeholder="Name">
+                      </div>
+
+                      <div class="form-group">
+                        <input class="input" type="email" id="user-email" v-model="email" placeholder="Email">
+                      </div>
+
+                      <div class="form-group">
+                        <input class="input" id="user-password" type="password" v-model="password" placeholder="Password">
+                      </div>
+
+                      <div class="form-group">
+                        <input class="input" id="user-password-confirmation" type="password" v-model="password_confirmation" placeholder="Repeat Password">
+                      </div>
+                    </div>
+
+                    <div class="text-center" style="margin-top: -7px; margin-bottom: 30px;"><small>By signing up you agree to our <a href="/terms.html" target="_blank">TOS</a> and <a href="/privacy.html" target="_blank">Privacy Policy.</a></small><br/>
+                    </div>
+
+                    <span class="btn btn-primary btn-xl btn-round btn-block" v-on:click="signup_submit_modal($event, name, email, password, password_confirmation)">
+                      <span v-if="!creating_user">Sign Up</span>
+                      <span v-if="creating_user">Signing Up…</span>
+                    </span>
+                    
+                    <div class="center alert alert-danger" v-if="signup_error">{{signup_error}}</div>
+
+                    <span class="btn btn-link btn-block" v-on:click="active_modal_view='login'">I already have an account</span>
+                  </form>
+                </div>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

views/partials/modal/pdfoptions.html

@@ -0,0 +1,36 @@
+<div class="modal" v-if="active_modal == 'pdfoptions'" v-cloak>
+  <div class="modal-wrapper">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="btn btn-icon btn-light btn-round close" v-on:click=" close_modal()">
+            <span class="icon icon-cross-1"></span>
+          </button>
+        </div>
+
+        <div class="modal-body">
+          <p class="lead text-center">PDF Import</p>
+          <div class="plans-box">
+            <table class="plans-table">
+              <tr>
+                <td>
+                  <p>Thumbnail and Download Link</p>
+
+                  <button class="btn btn-primary btn-round btn-sm" v-on:click=" approve_pdf_upload($event, null, 'classic')">Classic Import</button>
+
+                </td>
+                <td>
+                  <p>Each Page as Image, displayed as Grid</p>
+                  <button class="btn btn-primary btn-round btn-sm" v-on:click=" approve_pdf_upload($event, pdf_export_with_zones, 'grid')">Grid Import</button><br>
+                  <input type="checkbox" v-model="pdf_export_with_zones" /> With Zones?
+                </td>
+              </tr>
+            </table>
+          </div>
+        </div>
+
+
+      </div>
+    </div>
+  </div>
+</div>

views/partials/modal/space-share.html

@@ -0,0 +1,24 @@
+<div class="modal" v-if="active_modal == 'space-share'" v-cloak>
+  <div class="modal-wrapper">
+    <div class="modal-dialog">
+
+      <button type="button" class="btn btn-icon btn-light btn-round close" v-on="click : close_modal()">
+        <span class="icon icon-cross-1"></span> 
+      </button>
+
+      <div class="modal-content">
+        <div class="modal-body">
+          <div class="modal-section no-b">
+            <p class="lead">Share &quot;{{active_space.name}}&quot;</p>
+          </div>
+          <div class="modal-section no-b">
+            <p class="lead">Or Copy &amp; Paste this Link</p>
+            <p>
+              <span class="input">{{share_base_url}}{{active_space._id}}</span>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

views/partials/modal/support.html

@@ -0,0 +1,31 @@
+<div class="modal" v-if="active_modal == 'support'" v-cloak>
+  <div class="modal-wrapper">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="btn btn-icon btn-light btn-round close" v-on:click="close_modal()">
+            <span class="icon icon-cross-1"></span>
+          </button>
+          <h4 class="modal-title">Send Feedback</h4>
+        </div>
+
+        <div class="modal-body">
+          <div class="modal-section">
+
+            <p>
+              Have a question, feedback or an idea for improvement? Send us a quick message using the box below and we'll get back to you as soon as possible.
+            </p>
+
+            <div class="form-group">
+              <textarea v-model="feedback_text" class="input" autofocus></textarea>
+            </div>
+
+            <div class="form-group">
+              <button class="btn btn-primary btn-round btn-sm" v-on:click="send_feedback(feedback_text)">Send Feedback</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>