chore: Updated backers list

dsl101 · Jan 28, 2017 · 32b35d3 · 32b35d3
1 parent bf67d4c
commit 32b35d3
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 44 deletions.
diff --git a/backers.md b/backers.md
@@ -43,6 +43,7 @@ It could be you!
 - Marek Urbanowicz
 - Samuel Lin
 - Andrea Salvatore
+- Matsumoto Takamasa
 
 ---
 

diff --git a/dev/components/components/popover.vue b/dev/components/components/popover.vue
@@ -140,67 +140,48 @@
           </div>
         </div>
 
-        <br><br>
-        <span>
-          <img ref="target3" src="~assets/map.png" class="responsive">
-          <q-popover anchor-ref="target3" ref="popover3" touch-position>
-            <div class="list highlight" style="min-width: 200px; max-height: 300px;">
-              <div
-                class="item item-link item-delimiter"
-                v-for="n in 20"
-                @click="showToast(), $refs.popover3.close()"
-              >
-                <i class="item-primary">share</i>
-                <div class="item-content">
-                  Share
-                </div>
-              </div>
-            </div>
-          </q-popover>
-        </span>
-
         <div style="margin-bottom: 700px;"></div>
 
-        <button class="secondary absolute-top-right" style="top: 10px; right: 10px; right: 16px;">
+        <button class="secondary fixed-top-right" style="top: 65px; right: 10px; right: 16px;">
           <i>directions</i>
 
-          <q-popover ref="popover5">
+          <q-popover ref="popover3">
             <img
               src="~assets/map.png"
               style="height: 150px; width: 200px;"
-              @click="showToast(), $refs.popover5.close()"
+              @click="showToast(), $refs.popover3.close()"
             >
           </q-popover>
         </button>
 
-        <button class="tertiary absolute-bottom-right" style="bottom: 10px; right: 16px;">
+        <button class="tertiary fixed-bottom-right" style="bottom: 10px; right: 16px;">
           <i>plus_one</i>
 
-          <q-popover ref="popover6">
+          <q-popover ref="popover4">
             <div class="group" style="width: 200px; height: 50px; text-align: center;">
-              <button class="primary clear" @click="showToast(), $refs.popover6.close()">
+              <button class="primary clear" @click="showToast(), $refs.popover4.close()">
                 <i>thumb_up</i>
               </button>
-              <button class="primary clear" @click="showToast(), $refs.popover6.close()">
+              <button class="primary clear" @click="showToast(), $refs.popover4.close()">
                 <i>thumb_down</i>
               </button>
-              <button class="secondary clear" @click="showToast(), $refs.popover6.close()">
+              <button class="secondary clear" @click="showToast(), $refs.popover4.close()">
                 <i>share</i>
               </button>
             </div>
           </q-popover>
         </button>
       </div>
 
-      <button class="primary absolute-bottom-left" style="bottom: 10px; left: 10px;">
+      <button class="primary fixed-bottom-left" style="bottom: 10px; left: 10px;">
         <i>menu</i>
 
-        <q-popover ref="popover7">
+        <q-popover ref="popover5">
           <div class="list highlight" style="min-width: 150px">
             <div
               class="item item-link two-lines item-delimiter"
               v-for="n in 20"
-              @click="showToast(), $refs.popover7.close()"
+              @click="showToast(), $refs.popover5.close()"
               >
               <div class="item-content">
                 <div>Label</div>

diff --git a/dev/components/components/progress.vue b/dev/components/components/progress.vue
@@ -12,21 +12,23 @@
       </p>
 
       <h5>Determinate State</h5>
+      <button class="primary" @click="randomize">Change Model</button>
       <p>
-        <q-progress :percentage="progress" @click.native="randomize()"></q-progress>
-        <q-progress :percentage="progress" class="stripe" @click.native="randomize"></q-progress>
-        <q-progress :percentage="progress" class="stripe positive" @click.native="randomize"></q-progress>
-        <q-progress :percentage="progress" class="stripe info" @click.native="randomize"></q-progress>
-        <q-progress :percentage="progress" class="stripe warning" @click.native="randomize"></q-progress>
-        <q-progress :percentage="progress" class="stripe secondary" @click.native="randomize"></q-progress>
-        <q-progress :percentage="progress" class="stripe tertiary" @click.native="randomize"></q-progress>
-        <q-progress :percentage="progress" class="stripe dark" @click.native="randomize"></q-progress>
-        <q-progress :percentage="progress" class="stripe negative" @click.native="randomize"></q-progress>
-        <q-progress :percentage="progress" class="stripe animate" @click.native="randomize"></q-progress>
+        <q-progress :percentage="progress"></q-progress>
+        <q-progress :percentage="progress" class="stripe"></q-progress>
+        <q-progress :percentage="progress" class="stripe positive"></q-progress>
+        <q-progress :percentage="progress" class="stripe info"></q-progress>
+        <q-progress :percentage="progress" class="stripe warning"></q-progress>
+        <q-progress :percentage="progress" class="stripe secondary"></q-progress>
+        <q-progress :percentage="progress" class="stripe tertiary"></q-progress>
+        <q-progress :percentage="progress" class="stripe dark"></q-progress>
+        <q-progress :percentage="progress" class="stripe negative"></q-progress>
+        <q-progress :percentage="progress" class="stripe animate"></q-progress>
       </p>
 
       <h5>Buffering</h5>
-      <q-progress :percentage="progressBuffer" @click.native="randomizeBuffer" :buffer="buffer" style="height: 4px"></q-progress>
+      <button class="primary" @click="randomizeBuffer">Change Buffer Model</button>
+      <q-progress :percentage="progressBuffer" :buffer="buffer" style="height: 4px"></q-progress>
 
       <h5>Indeterminate State</h5>
       <p>
@@ -39,14 +41,14 @@
 
       <h5>Specific Height</h5>
       <p>
-        <q-progress :percentage="progress" class="stripe animate" style="height: 45px" @click.native="randomize"></q-progress>
+        <q-progress :percentage="progress" class="stripe animate" style="height: 45px"></q-progress>
       </p>
 
       <h5>Striped</h5>
-      <q-progress :percentage="progress" class="stripe" @click.native="randomize"></q-progress>
+      <q-progress :percentage="progress" class="stripe"></q-progress>
 
       <h5>Striped and Animated</h5>
-      <q-progress :percentage="progress" class="stripe animate" @click.native="randomize"></q-progress>
+      <q-progress :percentage="progress" class="stripe animate"></q-progress>
     </div>
   </div>
 </template>