78
@mersy

MTDDC Meetup TOKYO 2016

  • Upload
    bitpart

  • View
    796

  • Download
    4

Embed Size (px)

Citation preview

Page 1: MTDDC Meetup TOKYO 2016

@mersy

Page 2: MTDDC Meetup TOKYO 2016
Page 3: MTDDC Meetup TOKYO 2016
Page 4: MTDDC Meetup TOKYO 2016

NZ

New !!

Page 5: MTDDC Meetup TOKYO 2016

!

!

Page 6: MTDDC Meetup TOKYO 2016

NEW

Page 7: MTDDC Meetup TOKYO 2016
Page 8: MTDDC Meetup TOKYO 2016
Page 9: MTDDC Meetup TOKYO 2016
Page 10: MTDDC Meetup TOKYO 2016
Page 11: MTDDC Meetup TOKYO 2016
Page 12: MTDDC Meetup TOKYO 2016
Page 13: MTDDC Meetup TOKYO 2016
Page 14: MTDDC Meetup TOKYO 2016
Page 15: MTDDC Meetup TOKYO 2016
Page 16: MTDDC Meetup TOKYO 2016

Page 17: MTDDC Meetup TOKYO 2016
Page 18: MTDDC Meetup TOKYO 2016
Page 19: MTDDC Meetup TOKYO 2016

<mt:setvarblock name="scheduled_button_title"><__trans phrase="Save this [_1]" params="<mt:var name="object_label">"></mt:setvarblock> <mtapp:setting id="status" label="<__trans phrase="Status">" label_class="top-label" help_page="entries" help_section="status"> <mt:unless name="sitepath_configured"> <input type="hidden" name="status" id="status" value="1" /> <span><__trans phrase="Unpublished"></span> <span class="alert-warning-inline"><img src="<$mt:var name="static_uri"$>images/status_icons/warning.gif" alt="<__trans

Page 20: MTDDC Meetup TOKYO 2016

sub foo { my ($cb, $app, $param, $tmpl) = @_; ... $innerHTML =~ s/(,\s)$//; my $pointer_field = $tmpl->getElementById('ip'); my $label = '<__trans_section component="commentrating"><__trans phrase="Rating"></__trans_section>'; my $hint = '<__trans_section component="commentrating"><__trans phrase="It is the value that evaluated a entry with five phases."></__trans_section>'; my $nodeset = $tmpl->createElement('app:setting', { id => 'rating', label => $label, hint => $hint, show_hint => 0 }); $nodeset->innerHTML($innerHTML);

Page 21: MTDDC Meetup TOKYO 2016
Page 22: MTDDC Meetup TOKYO 2016
Page 23: MTDDC Meetup TOKYO 2016
Page 24: MTDDC Meetup TOKYO 2016

Page 25: MTDDC Meetup TOKYO 2016
Page 26: MTDDC Meetup TOKYO 2016
Page 27: MTDDC Meetup TOKYO 2016
Page 28: MTDDC Meetup TOKYO 2016
Page 29: MTDDC Meetup TOKYO 2016
Page 30: MTDDC Meetup TOKYO 2016
Page 31: MTDDC Meetup TOKYO 2016
Page 32: MTDDC Meetup TOKYO 2016
Page 33: MTDDC Meetup TOKYO 2016
Page 34: MTDDC Meetup TOKYO 2016
Page 35: MTDDC Meetup TOKYO 2016
Page 36: MTDDC Meetup TOKYO 2016
Page 37: MTDDC Meetup TOKYO 2016
Page 38: MTDDC Meetup TOKYO 2016
Page 39: MTDDC Meetup TOKYO 2016
Page 40: MTDDC Meetup TOKYO 2016
Page 41: MTDDC Meetup TOKYO 2016
Page 42: MTDDC Meetup TOKYO 2016
Page 43: MTDDC Meetup TOKYO 2016
Page 44: MTDDC Meetup TOKYO 2016
Page 45: MTDDC Meetup TOKYO 2016
Page 46: MTDDC Meetup TOKYO 2016
Page 47: MTDDC Meetup TOKYO 2016

Page 48: MTDDC Meetup TOKYO 2016

Page 49: MTDDC Meetup TOKYO 2016

Page 50: MTDDC Meetup TOKYO 2016

<mtapp-entries table_label=" " site_id="1" api_limit="20" api_fields=“id,title,tags"></mtapp-entries>

Page 51: MTDDC Meetup TOKYO 2016

<mtapp-form-entry></mtapp-form-entry>

Page 52: MTDDC Meetup TOKYO 2016

<!-- --><mtapp-entries> <table class="table table-bordered bp-view" id="{ table_id }"> <thead class="thead-inverse"> <tr>...</tr> </thead> <tbody> <tr each="{ item, items_index in items }"> <td each="{ field in fields }" class="align-middle"> { item[field] }</td> </tr> </tbody> </table>

HTML

Page 53: MTDDC Meetup TOKYO 2016

<style scoped> .bp-items { overflow-x: scroll; } </style>

<script> // Data API api.listEntries(that.site_id, params, function (response) { // `mtapp-items` that.items = response.items; that.update(); }); </script></mtapp-entries>

JavaScript

CSS

Page 54: MTDDC Meetup TOKYO 2016
Page 55: MTDDC Meetup TOKYO 2016
Page 56: MTDDC Meetup TOKYO 2016
Page 57: MTDDC Meetup TOKYO 2016
Page 58: MTDDC Meetup TOKYO 2016
Page 59: MTDDC Meetup TOKYO 2016
Page 60: MTDDC Meetup TOKYO 2016
Page 61: MTDDC Meetup TOKYO 2016
Page 62: MTDDC Meetup TOKYO 2016
Page 63: MTDDC Meetup TOKYO 2016
Page 64: MTDDC Meetup TOKYO 2016
Page 65: MTDDC Meetup TOKYO 2016
Page 66: MTDDC Meetup TOKYO 2016
Page 67: MTDDC Meetup TOKYO 2016

<div class="form-group"> <label> </label> <input class="form-control" type="color" name="keywords"> </div>

<mtapp-form-parts form_type="color" basename="keywords" label=" "></mtapp-form-parts>

Page 68: MTDDC Meetup TOKYO 2016
Page 69: MTDDC Meetup TOKYO 2016
Page 70: MTDDC Meetup TOKYO 2016
Page 71: MTDDC Meetup TOKYO 2016
Page 72: MTDDC Meetup TOKYO 2016

5mini

Page 73: MTDDC Meetup TOKYO 2016
Page 74: MTDDC Meetup TOKYO 2016
Page 75: MTDDC Meetup TOKYO 2016
Page 76: MTDDC Meetup TOKYO 2016
Page 77: MTDDC Meetup TOKYO 2016
Page 78: MTDDC Meetup TOKYO 2016

MT::Lover::bitpart

Update bit part, everyday!!